Product image width issues

Good afternoon,

I recently updated my basel theme and found the images on a product page are not working like they use to. I use to have 4 thumbnail below each main image and the main images hight used to snap up depending on the hight of the main image shown. I’ve spent hours trying to fix this and even went back to my old basel theme to see if it was a change in woocommerce but it’s changes in the theme itself.

I’ve tried the “hard crop” method in woocommerce settings (and regenerated my thumbnails) and also tried to changed the owl-item width for the thumbnail images but just can’t seem to make it work like it use to.

I’ve tried everything I can think of, can you help at all?

Kind regards,
Alex

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for contacting us.

So as we can understand, you can’t change product images sizes in WooCommerce settings, right? Could you please specify what sizes you would like to set and send us your admin access?

Regards

Thank you for responding so quickly!
I can change the thumbnail size but as you can see in the screenshot it doesn’t change the thumbnail container width (it’s always 184.667px).

I need the thumbnails to be 138px x 138px

Thanks again,
Alex

:added login info into private notes

The width of the thumbnails container doesn’t depend on thumbnails images. Thumbnails carousel has always 3 items per slide. And the width is calculated automatically.

Hi,

Yes I understand this but you use to be able to change it, I use to have 4 images but since this recent update of basel theme I can’t find the string of code to change it. Could you at least tell me the file the calculation code is located?

Many thanks,
Alex

Hello,

You can change gallery settings in the file inc/woocommerce.php. Function is called basel_get_product_gallery_settings

Regards

Hi,

Yes I tried this I even added a higher number and it doesn’t change anything?

Regards,
Alex

Attachments:

You must be logged in to view attached files.

Hi,

Could you please provide us your FTP access so we can check it ourselves?

Thank you

Hi,

The other issue is the main product image isn’t auto height anymore, on the old basel theme the thumbnail area below the main image would move up and down deepening on the height of the carousel image chosen, now it just leaves with huge gap [please see image attached] 



Is it possible to just go back to the code used in the older theme for the product images?

I really appreciate your help on this,
Alex

Attachments:

You must be logged in to view attached files.

Hi,

Could you please also install and activate a child theme so we can make our changes there?

Regards

Hi,

Sorry to sound stupid, could you explain what a child theme is?

Kind regards

Hi,

You can find all the necessary information in WordPress documentation https://codex.wordpress.org/Child_Themes

Regards

Thank you, I’ve done this now but I’m not 100% sure if i’ve done in correctly, is it ok?

regards

You need to upload the child theme and activate it in Appearance -> Themes.

Hi,

Yes I have done this.

Thanks

OK, please check now.

Hi,

Honestly thank you so much it works perfectly! Really appreciate it 🙂
I really love this theme so thank you for being so helpful.
How would I make the thumbnails 4 across? (not 6)

Thanks again!
Alex

Hi,

You can change the value as we wrote in the previous messages. In the file inc/woocommerce.php. Function is called basel_get_product_gallery_settings.

Regards

Hi,

That’s really great thank you, that’s everything now.

Thanks again for all the help!
Alex

Great, you are welcome!

[Author]

Posts