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 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 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 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...]
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 Create a Custom 404 Error Page for Your WooCommerce Store
What is a 404 Error A 404 Error is an error message displayed when an accessed page is not found in the server that you want to access. It is a standard response when an entered address does not match a data from a server. This happens when you … [Read more...]
How to Center Logo in Storefront Theme
Centering the logo on a WordPress site is a popular design concept, but doing it can be tricky. Most themes, Storefront included, are styled with the logo aligned to the left. While you can use a premium plugin like Storefront Designer to center … [Read more...]
How to Make a Sticky Header in Storefront Theme
REVISED 14/02/2017 : Codes snippets updated for WordPress 4.7.2 and Storefront 2.1.7 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, … [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 Change the Arrows in Pagination for Storefront and WooCommerce
When looking at category pages for posts and WooCommerce products in Storefront theme, you can navigate to different pages by clicking on the default left and right pointing arrows. Notably, most themes would use a “Previous” or “Next” text instead … [Read more...]
