Images products Two Columns

#464075

Hello, I don’t know why I have a website that I have duplicated for a client in English, and I apply the same CSS styles but the products in this website are not displayed in two columns, can you check why?

https://bycity.es – Two Columns Products OK
https://bycity.it – The first image is not displayed in two columns.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards,

ok!

Hello,

I am checking and I see you have different domains for different languages with different settings, please check the settings of one site with another, you can import/export the theme settings.

You can find the option in the Theme Settings > Import / Export / Reset

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

Best Regards

Hello, I have exported options from bycity.es and I have imported those options in bycity.it and it remains the same, the columns of the products in the first image continue to show in large and do not show in two columns, can you check carefully? Thank you.

Hello,

Please provide the site admin access to bycity.es

Best Regards

I attach the accesses, it also happens to me for another website that I am creating a new one.

Hello,

Please find the template in the Dashboard > Layouts and edit image widget for the single product: https://gyazo.com/5dd788f4e40c07328463d48a49f21f67

All the products related to this template would get the same:
Please check this manual: https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart and https://xtemos.com/docs-topic/single-product-page-builder/

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

Best Regards

I know that there is that option, but the main image of the product looks complete, first it shows the complete image and the other images in two columns, I want it to show EVERYTHING in two columns, like this website:

https://bycity.es/producto/chaqueta-london-iii-man/

You gave me a CSS code but I insert it into this new website and it doesn’t work.

.website-wrapper :is(.thumbs-position-bottom_column,.thumbs-position-bottom_grid,.thumbs-position-bottom_combined) .product-image-wrap:first-child {
max-width: 50%;
flex: 1 1 50%;
}

Hello,

Please enable this option in the Theme Settings > Single product and remove the code: https://gyazo.com/0c136b487361852f465851de2c992f19

In addition, set the image view in the Theme Settings Single products > Images.

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

Best Regards

I think you are not understanding me… I need the cover image to be at 50% and two images appear, not one. Attachment screenshot.

Please, pay attention.

https://bycity.es/producto/chaqueta-belfast-ii/

https://bycity.it/prodotto/giacca-belfast-ii-uomo/

Attachments:

You must be logged in to view attached files.

Hello,

Woodmart provides these options to show the main and thumbnails in this way: https://gyazo.com/faf6f0ceacdf9cf379125952b6bfd7fa

I am afraid no other options are possible.

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

Best Regards

But if both websites use Woodmart, on the first website that is seen in two columns you gave me the code for it, but I don’t know why the code doesn’t work on the second website.

https://xtemos.com/forums/topic/images-products-two-columns/

I have already changed the format, it is now displayed in two columns.

.thumbs-grid-bottom_grid .product-image-wrap:first-child {grid-column: auto !important;}

Hello,

We are glad you have found the solution, please make sure you have inserted the code for Desktop in the Theme Settings > Custom CSS to apply this code on desktop only.

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

Best Regards

[Author]

Posts