Customize the Wocommerce Product Page if you use the Avada Theme.
This tutorial shows you how to customize the Avada WooCommerce Product Page.
We'll use the Gutenberg Block Editor and our WooBuilder Blocks plugin.
WooBuilder Bocks is available for a 14 day free trial here https://www.pootlepress.com/woobuilder-blocks/
0:00 – Intro
01:22 – Example Product (with Video)
03:00 – The WordPress Plugin you'll need
03:38 – How to use Gutenberg for the Avada WooCommerce Product Page
05:00 – The WooCommerce Product Blocks
07:00 – How to design the WooCommerce Page with Gutenberg Blocks
08:45 – Add a Parallax section
11:30 – Add a Shape divider
13:00 – The finished page
source
Hi Jamie, Nice video. I have a question maybe you can assist with on this avada site… this is a staging site for client : http://websitetrafficroadmap.com/ my question is… all my images have this filter or faded look until I hover over it, for example: http://websitetrafficroadmap.com/product/modern-murano-glass-6-light-chandelier/ once you hover over it it looks like it should. but this is fine lighting and client wants the images not to look faded. do you know the code to remove the faded look so the images look bright like the original? Here is the original image product: http://websitetrafficroadmap.com/wp-content/uploads/2020/11/Modern-Murano-Glass-Chandelier.jpg
Any assistance would be appreciated? Hopefully its just a simple css code or avada switch I have missed.
Thanks!
John
Thanks for the video, keep going!
Does WooBuilder allow editing of the actual shop page?