Posted on

WooCommerce + Storefront: Hide “Home” Title @ Homepage

Storefront theme adds a “Home” H1 title to the homepage by default, no matter if you use the “Default” or the “Homepage” static page template.

Of course, you could do it via CSS, with a simple “display:none”. Even better, you could completely avoid loading the “Home” title by using PHP (SEOs out there: better not to load an H1 than hiding it via CSS, right?).

So, how do they do it (I mean how to hide the Storefront “Home” title)? Here’s the quick fix! Continue reading WooCommerce + Storefront: Hide “Home” Title @ Homepage

Posted on

WooCommerce + Jetpack: Exclude Image From “Lazy Load”

If you don’t use an “Image Lazy Load” plugin, it’s time you install one. And if you happen to pick Jetpack’s free Lazy Load module, you probably did the right thing.

However, since I installed Jetpack Lazy Load, I noticed a little “jump” in my Storefront theme header section, where in fact there is an image – my Business Bloomer logo. The same might apply to any WooCommerce image: a category thumbnail, a single product featured image, a cart icon in the header, a homepage hero image, and so on.

Thankfully Jetpack has a useful “filter” you can tap into in order to exclude image classes from lazy loading (yes, I found this out today, it’s not that I know everything!). So, here’s the fix. Enjoy ๐Ÿ™‚ Continue reading WooCommerce + Jetpack: Exclude Image From “Lazy Load”

Posted on

How to Customize Storefront Theme in a Few Clicks (and without Coding)

This is a guest post by Towhidul Islam of Atlantis Theme – if you like the article, make sure to thank him in the comments!

With 100,000 active users, Storefront is dubbed as the “official WooCommerce theme” as it is designed, developed and maintained by WooCommerce Core developers themselves.

It follows the same WooCommerce philosophy – flexibility: the latest version has 48 Action Hooks & 61 Filter Hooks (Storefront Hook Reference by WooCommerce).

One of the most common questions while working with any WordPress theme is: “How I can tweak the look and layout of my theme?“. For experienced WordPress users, this is not an issue – but for users who donโ€™t want to get their hand dirty with CSS and PHP, it can be daunting.

The good news is that there are Storefront plugins that solve this exact problem. And you donโ€™t have to learn coding to modify the look of your Storefront themeย ๐Ÿ™‚ Continue reading How to Customize Storefront Theme in a Few Clicks (and without Coding)

Posted on

Storefront Theme Visual Hook Guide

Hey WooCommerce Customizers, the Visual Hook Guide is back ๐Ÿ™‚

This time I’ve gone beyond expectations: I’ve created the visual hook guide for the Storefront Theme by WooThemes (Free Theme, with 50,000+ active installs). This visual guide belongs to my “Visual Hook Guide Series“, that I’ve put together so that you can find WooCommerce hooks quickly and easily by seeing their actual locations. Also, you can copy & paste in seconds and speed up your customization time.

Let me know in the comments what you think about this resource! Enjoy!

Continue reading Storefront Theme Visual Hook Guide