I’m a big fan of WooCommerce, the awesome ecommerce plugin freely available on the WordPress.org repository. There are times, however, when you come up against some issues, and looking up for an answer just takes time.
In this post I’m giving you the answer to a common problem you could be having right now.
Have you ever wondered why the layout of your WooCommerce pages looks broken? How is it that all your theme’s pages look great but WooCommerce pages are messed up?
The most likely reason is because your theme is not WooCommerce-ready.
To add WooCommerce support is easily done using the plugin’s action hooks. Watch this short video to find out more.
Have you ever thought of decluttering the WooCommerce single product page by getting rid of stuff like product categories or star ratings?
Have you been tempted to move and reposition the elements in the WooCommerce single product page but didn’t know where to start?
Here’s a simple technique of doing all that with WooCommerce action and filter hooks.
This is my answer to another question I recently found on the WordPress.org Themes and Templates Support Forum about the Storefront theme, a great free theme for WooCommerce designed by WooThemes.
The user was trying to replace the default footer text in Storefront with some custom text. If you’re having the same problem, here’s the answer.
I’ve recently come across an interesting question on the WordPress.org Themes and Templates Support Forum about how to remove the links to the Single Product page that wrap each product on the Shop page of the Storefront theme.
Storefront is a very popular theme by WooThemes designed to work tightly with WooCommerce. WooCommerce is a powerful free e-commerce plugin for WordPress, originally developed by WooThemes and later acquired by Automattic, the company behind WordPress itself.
In actual fact, the simple method I’m going to illustrate here to answer this question should work with most WooCommerce-powered themes, since the code won’t concern the Storefront theme at all. Rather, the snippet I’m going to provide here acts on the output of the WooCommerce template that manages the markup of the Shop page.
If you’re interested in this result, here’s what you need to do.
In my previous tutorial, I showed one way you can add a slider showcasing featured WooCommerce products on a Twenty Fifteen child theme.
In this video, I’d like to show you how you can quickly add a products slider without any code from the Admin panel of your WordPress installation.
If you’re curious about how to add a slider showcasing Woocommerce featured products on the shop page of your theme, you’re in the right place.
The slider I have in mind is not a WordPress slider plugin, but a desktop and mobile optimized jQuery plugin called bxSlider, designed and built by Steven Wanderski.
In this short video I answer a WordPress user who wanted to set up an online shop using the free Virtue Theme by Kadence Themes.
Here are her requirements:
- Name of the Shop page: Store.
- Drop-down menu containing 4 categories with subcategories, and the products assigned to the subcategories.
- Store page displaying 4 thumbnails of the corresponding 4 categories.
- Category page displaying thumbnails of the corresponding subcategories.
- Subcategory page displaying products thumbnails assigned to that subcategory.
Since the Virtue theme supports Woocommerce out of the box, and given the reliability and high quality of this free WordPress plugin, I recommended using Woocommerce for this task.
Notice: This is not a tutorial on how to set up a shop using Woocommerce, but only a quick video on how to meet this particular user’s requirements. Of course, this solution can be extended to anyone who’d like to set up an online shop according to similar requirements.
I hope you find this short tutorial useful 🙂