WooCommerce (WC) and themes from WooThemes go hand in hand when building an e-commerce website. But what if you wanted to use a theme not from WooThemes? There may be some compatibility issues but it could still work. To solve these problems, we’ll … [Read more...]
How to Add a Favicon to your WooCommerce Store
What is a Favicon? Favicons are typically 16x16 square images. Old versions of Internet Explorer refer to the bookmark section as “favorites”. Hence the name “favorites icon” or favicon for short. What is the Point of Having Favicons? The main … [Read more...]
How to Create a Child Theme for Storefront
Optimizing your website usually means making changes to your theme. These changes can range from simple to complex. It’s easy to make changes on your website but the problem is that you will lose all your changes when you update your theme. There … [Read more...]
How to Fix Checkout Problems in WooCommerce
One of the biggest problems a WooCommerce store owner can encounter is when the checkout fails. There are a lot of different types of issues that could happen during checkout, but these can be fixed easily if you can identify what is causing the … [Read more...]
How to Make WooCommerce Pages Full Width in Storefront Theme
EDIT: Storefront now has a full-width page template so you no longer need to use the custom code in this article. To remove the sidebar on WooCommerce pages, you can set the page template to Full Width.If you are using Storefront theme and you want … [Read more...]
How to Make a Sticky Header in Storefront Theme
REVISED 03/04/2020 : Updated stickyheader.js path file One popular trend in web design today is making the logo and the navigation bar to stick to the top. There are many names for this type of layout. Sticky, floating or persistent headers, and … [Read more...]
How to Add a Hero Image in Storefront
The idea of using hero images came about because of issues caused by homepage sliders. Using a homepage slider is discouraged as it will slow down your WooCommerce store and it doesn’t have good conversion rates. If your WooCommerce store running on … [Read more...]
How to Add a Top Bar in Storefront Theme
The release of Google’s Material design started the “top bar” trend. It was used mainly on mobile user experience (UX) designs but it found its way into desktop design. In this article, we’ll teach you how to add a top bar to the Storefront … [Read more...]
How to Change Fonts in Storefront Theme
UPDATED 19/06/2017: Revised steps in adding Google Fonts By default, Storefront theme uses the Helvetica Neue font. This default font is simple and simple is good. However simple may not always fit the design that you are aiming for. You may want … [Read more...]
How to Change the Number of Related Products in WooCommerce
Changing the number of related products in WooCommerce is a relatively easy task if you know how to do it. WooCommerce defaults to two related products in the single product page but store owners may want to show their visitors more than just two … [Read more...]