Modifying the Product Detail Page Layouts

[tbloom]

Can you please provide me with instructions on how to modify the product detail page layouts. I want to hide the social icon links and hide the additional product images. I also want to show a size (dimensions) instead of a circle with an L,M or S in it. I also want to modify the background image that appears between the header and the product detail. Finally, I want to show different pricing depending on how many cases of the product are purchased. I wished you had made it possible to edit the product detail pages in the same way that you can edit the other pages (through Visual Composer).

Thanks,

Tom Bloom

[email protected]

[Harry]

Hi Tom,

Sorry for late reply!

Have 2 way to modify product detail page layout.

1. If you have experience with PHP and wordpress you can copy file from gecko > core > libraries > vendors > woocommerce > templates > single-product > product-image.php and product-thumbnails.php to “gecko-child > woocommerce > single-product > product-image.php and product-thumbnails.php” to override layout

2. You can use custom css in JanStudio > Theme Option > General Layout > Custom CSS

.entry-summary .social-share { display: none;}

.single-product-thumbnail .p-nav {display: none;}

3. You can create new attribute as dimension in Dashboard > Products > Attribute

Create new Attribute name as “Dimension” and add variation for attribute as ( 2×3, 4×6…), 30cm, 40 cm

You can add different price for different attribute

Example:

– 40cm – $10,

– 60cm – $12.00

https://monosnap.com/file/GfDsOtEVjohUlatUcf5VkPAVC3FDGT#

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[anaventura]

I am having the same problem .I just made my client buy a Visual Composer license for nothing – as it does not work on the product page 🙁 Before I get a refund from Envato fr the license for VC – can you please clarify why you have VC working for the others pages and not for the product page?

Also- can you provide information on editing the size chart?

Thank you

[Harry]

Hi anaventura,

1. The product detail page is generate by core of WooCommerce plugin, you only can use Page Builder on product detail tab content.

2. To edit size chart you go to JanStudio > Theme Option > WooCommerce > Product Detail Settings > Size guide product image > Change with your image.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts