How To Customize WooCommerce Shop Page Using Page Builder
Customizing WooCommerce shop page used to be a difficult task. You may need to know code to achieve this. However, it is super simple now to customize WooCommerce shop page using any page builder you like, without understanding how to code. Sounds impossible?
No, it's actually true. You now can design your shop page any way you like, with this tutorial. You can use any page builder you want. Actually, any page builder that supports shortcode would be sufficient.
What are the main steps?
1. You create a normal page using your page builder. How do you display the products in that page? You may ask. Well, with the power of WooCommerce shortcode, you can display a lot more interesting info in your WooCommerce shop page
2. You create a child theme to let you safely put a piece of code that redirect the current shop page to your new page.
3. You put the following code into the functions.php file of your child theme:
add_action('template_redirect', 'bc_010101_redirect_woo_pages');
function bc_010101_redirect_woo_pages()
{
if (is_shop())
{
//don't remove the quotes(')
wp_redirect('YOUR_NEW_PAGE_URL_HERE');
exit;
}
}
And you are done. Your new page will now be the official shop page of your WooCommerce store.
* You can find the list of WooCommerce shortcodes here:
https://docs.woocommerce.com/document...
* If you like this tutorial, don't forget to subscribe and visit my blog at https://binarycarpenter.com/
Thank you very much for watching. I hope you can now create beautiful shop page for your WooCommerce store
Watch video How To Customize WooCommerce Shop Page Using Page Builder online without registration, duration hours minute second in high quality. This video was added by user Binary Carpenter 20 June 2019, don't forget to share it with your friends and acquaintances, it has been viewed on our site 10,68 once and liked it 9 people.