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 Make WooCommerce Pages Full Width in Storefront Theme
If you are using Storefront theme and you want to use the Full Width template for your store and other pages, you might come across a problem. After you’ve set your page to the Full Width template, you can still see the sidebar. And that’s not the … [Read more...]
How to Integrate WooCommerce into a non-WooThemes Theme
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 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 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...]
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 Add a Home Page Slider in Storefront Theme
Content sliders, also known as carousels, can contain complex arrangements of images, video and HTML content usually found top and center on your home page. Storefront however is about simplicity and by itself does not support sliders. You can … [Read more...]