Product-images bootstrap column size

Hello,

Product page have “product-image-summary col-sm-12” div and two child divs.
First is “col-sm-6 product-images” and second is “col-sm-6 summary entry-summary”.

Is it possible to change “col-sm-6 product-images” to “col-sm-4 product-images” and “col-sm-6 summary entry-summary” to “col-sm-8 summary entry-summary”?

In f12 inspector I can change col-sm-6 to col-sm-4 and it works perfect. But I can’t find where to make changes in theme code.

Kind regards

Hello,

Before changing the structure, please check all the options in the Theme Settings > Product page > Images. You will find the option to set different product page layouts

Best Regards

Hello,

Thanks for your response. When I selected small image in Theme options > Produ page > Images > Product image width I got col-sm-4 width for product-images just like what I asked for.

But now I need little wider product-images column. How to set product-images column to col-sm-5?

Kind regards

Hello,

Such change would require the complete customization of the product page template which is not covered by our support. You can set the bigger image and limit its width with CSS and align in the center.

Best Regards

[Author]

Posts