Would you like to customize the WooCommerce Shop page?
The default WooCommerce Shop Page is pre-set and normally you don't have a lot of control in how it is designed.
The WooCommerce Shop Page is one of the most important pages on your site, so the more control over the layout you have, the better. Ideally you should have 100% control over the design of your WooCommerce Shop page, the products that you show, and the sections.
And this is where our WooBuilder plugin comes to the rescue :)
Here's a video tutorial that walks you through 'step by step' how to customize the WooCommerce Shop page.
'Step by step' how to customize the WooCommerce Shop
There's just 4 simple steps to take
- Create a brand new page and customize the WooCommerce Shop page design - see video tutorial above
- Don't set this page to be your new WooCommerce Shop - leave the default WooCommerce shop page
- Use this code snippet to change the 'Return to Shop' button link (with thanks to Nicola Mustone) Click on the link to get the code https://gist.github.com/jamiemarsland/5ee8f104bc6b19ca8e14d1414549c508. Add this code to your functions.php file located in wp-content/themes/your-theme-name/: or better still use a plugin like this https://github.com/woocommerce/theme-customisations to add your code into. Here's a video that shows you how to add code to your functions.php file.
- Set your new shop page to be your shop page in your menu
This tutorial uses our Pootle Pagebuilder Pro plugin.
Customized WooCommerce Shop Page