Customizing Woocommerce Product Page Layout

[Snokown]

Hi,

I’m trying to figure out how to alter the WooCommerce individual product pages to reflect a specific style. I understand that WooCommerce has template files that can be edited to achieve the desired layout and I also have a child theme installed, however I have no idea where to start to be able to get the look that I want.

I would like my product page to have a layout like the one below:

If this is possible to do via xpro page editor, I would love to know how to do that. If not, maybe you can point me in the right direction?

Thanks

[nabeel]

Hi there,

Thank you for reaching out to us.

X and Pro are woocommerce ready, but regretfully we don’t do woocommerce customization. It’s best to consult woocommerce documentation as they have more detailed information about customization.

I see you’ve all the Pro licenses, I can only provide you a quick help regarding Pro’s woocommerce template.

1. Pro’s woocomerce templates are located at /pro/woocommerce/ and you may copy this at your child theme’s folder too.
2. /pro/woocommerce/loop/ contains the template used for shop page’s product listing.
3. /pro/woocommerce/single-product/ is of course for product template parts.
4. You can also check out pro-woocommerce integration codes via /pro/framework/functions/plugins/woocommerce.php

All of these are based on WooCommerce standards that you could find from their documentations.

Hope this helps!

[Snokown]

Thank you, I appreciate the help very much!

[ruenel]

You’re welcome.
If you need anything else we can help you with, don’t hesitate to open another thread.