How to set size of product image gallery + gallery for variable products

Hello,

I have two questions on product image gallery :

1/ In theme settings > single product > images, I have selected Medium Product image width and Horizontal carousel for thumbnails. On the product page, the gallery is taller than the screen and the product description column. I would like to have the overall gallery that fits inside the screen. Is it possible to set the height of the gallery?

2/ In my variable products, I have selected pictures for the image gallery of the variations. On the product page, when I select a variation there is only the variation main image that shows, with no right and left arrows, instead of the main image with the gallery in thumbnails below. Is there a way to have the main image+gallery in thumbnails for the variations as well? Or at least can I have arrows on the main image that stay all the time so that clients know that there are other available images?

Many thanks for your help

Hello,

1) Please Go to Theme Settings >> Single product >> Images and enable the option.

Screenshot: https://gyazo.com/a1267b321b765f58fa298a6dc012c07f

2) To upload gallery images for each variation Please Go to Theme Settings >> Single Product >> Images and enable the option.

Screenshot: https://gyazo.com/71ffd54fb9ba8a0fc8a10d892e2a7918

Best Regards

Hello,

I have these two settings activated already. I don’t know what I have changed but question 2 resolved on its own!
I would just need some help to define the height of the image carousel (question 1).

Thanks

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards

Hello,
Ok, please find them in the dedicated section.
Just to recap, I would like to have the product image + thumbnails section of the product pages that fits the size of the screen. This way it can be a sticky section and only the description section scrolls down.
Thanks a lot

Hello,

Sorry but the login details you provided are not working. Please provide the correct login details to let me assist you further.

Best Regards

Sorry I made a mistake. These should work.
Thanks

Hello,

Please deactivate all the third party plugins and activate the patent theme then check back.

If the problem still continues then leave all the third party plugins deactivated and tell me then we will troubleshoot with the theme plugins.

Best Regards

Hello Aizaz,

I just tried but it didn’t work. The size of product images and thumbnails still depends on the size of the picture.
I left all the plugins deactivated except for Elementor and Elementor related, Woocommerce and Woodmart Core. Let me know if you succeed on your end!

Thank you

Hello,

Could you please clarify what exactly you want to change in your product images? Send us a screenshot for a clearer explanation.

Kind Regards

Hello Artem,

Yes of course. Here attached is a screenshot with the ideal result in red. This red section would be sticky while the description on the right side would move.
Currently the image is too tall, positioning the thumbnails very low on the page.

Thank you

Attachments:

You must be logged in to view attached files.

Product images size is controlled by WooCommerce, not the theme. You can enable hard crop in Appearance -> Customize -> WooCommerce -> Product images. You can also try to disable the product page full-width option and make it boxed. This will make the images section smaller.

Kind Regards

All right Artem, I will try to work with that.

Thank for your help.

You are welcome! Feel free to contact us if you have any further questions.

[Author]

Posts