Bottom (2 columns)

hello, how can i display a photo in the product card in 2 columns? as in the photo (look)
Now my settings are set to Bottom (2 columns). But the first photo is too large in 1 column, and then there are pictures in 2 columns.

Attachments:

You must be logged in to view attached files.

Hello,

Firstly you should select bottom 1 column option. Then add to below code on custom css section.

.product-image-wrap {width: 50%;display: inline-table;padding-right: 5px;}

Regards,

hello thanks but it doesn’t work for me …

It works. Example is below to private content;

Private content is only visible to support

Hello,

Please chose one column layout in the Theme Settings > Single product > Images add the code provided by @loralora in the Theme Settings > Custom CSS > General:

 .product-image-wrap {
 width: 50%;
display: inline-table;
padding-right: 5px;}

You will get this result: https://gyazo.com/7f1f40c298157ec6581f41a877fd1b30

If you have any questions please feel free to contact us.

Best Regards

P.S @loralora, thanks!

Thanks everyone, everything finally worked, it was because of my settings.

Separately, We need to thank him very much @serezart, he suggested the right decision. Thanks @serezart! Good sales to you.

while the topic is not closed, can I ask you something else?

How can I change the width of the blocks in the card?
Make the photo area a little wider so that the image is exactly in the middle of the page. And the rest is in the middle.
The widget I’m using is small.

Many thanks

Hello,

You can make the shopping cart ful-width by means of Theme settings
presets https://xtemos.com/docs/woodmart/theme-settings-presets/

You will need to set Post ID and the chose the cart in the drop-down. The page layout is set in the Theme Settings > General layout.

If you have any questions please feel free to contact us.

Best Regards

i need to change the width of the product images single product page, not shopping cart

Hello,

You can find the option in the Theme Settings > Single Product > Images: https://xtemos.com/docs/woodmart/theme-settings-panel/#images

If you have any questions please feel free to contact us.

Best Regards

you do not understand me, then I will ask differently:

Which class is responsible for the width of the columns, product images, product descriptions (field where the price is) and the number of widgets?

I need to override the width of the shares “col-lg-6 col-12 col-md-6 product-images” and “col-lg-6 col-12 col-md-6 summary entry-summary” in “row product-image- summary-inner “.

Now my values ​​are 50%, and they seem to be divided into both classes.

i tried code
.product-images {
flex: 0 0 62%;
max-width: 62%;
}

.summary .entry-summary {
flex: 0 0 25%;
max-width: 25%;
}

For the class “col-lg-6 col-12 col-md-6 product-images” this gives the desired result, but this also affects “col-lg-6 col-12 col-md-6 summary entry-summary”. I mean, then they both become 62%.

Q: what is the correct heart rate? Many thanks for the help.

Now my values ​​are 50%, and they seem to be divided into both classes.

Sorry, I figured out where I went wrong

.single-product .row.product-image-summary-inner .col-lg-6.col-12.col-md-6.product-images {
flex: 0 0 62%;
max-width: 62%;
}
.single-product .col-lg-6.col-12.col-md-6.summary.entry-summary {
flex: 0 0 38%;
max-width: 38%;
}

I have no more questions on the branch
Many thanks

You are welcome!

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts