Product Gallery Thumbnail

Hi,

I’m currently using the left-positioned thumbnails, which are ideal. I can adjust their size through Elementor or the theme’s settings by navigating to Theme Settings > Single Product > Gallery Thumbnails, where I can modify the gallery width and height. For desktops, a size of 65×420 is appropriate.

For mobile devices, I have set the thumbnails to appear at the bottom, with the “ON” setting for Thumbnails Position at the Bottom on Mobile Devices. I was hoping to use a carousel for mobile, but it seems that this option is not available at the moment. However, I’ve encountered an issue: the gallery thumbnails appear too large, and I haven’t found a way to resize them. Additionally, there doesn’t seem to be an option to change the active gallery border color.

Attachments:

You must be logged in to view attached files.

Hi smart.sharukhkhan786,

Thanks for reaching to us.

1. Sorry to say but right now there is no option in Theme Settings available for gallery height in the mobile. You can create a ticket here: https://woodmart.canny.io/feature-requests so our developers will consider such a feature.

2. Active border

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

.wd-gallery-thumb .wd-thumb-active img{
	border: 1px solid #000;
}

Regards,

Can you please check this report in private

Hi smart.sharukhkhan786,

First of all, take my apologies for the delay in answering because of the weekend.

I checked the pagespeed report and it displays very good results.

I recommend that you review the suggestions provided by Google PageSpeed Insights https://prnt.sc/Nl5k8a4w-GBi and click on each suggestions to find more details.

These guidance will be useful for you, keep us in mind for future questions and concerns, we’re always here to help!

Regards,

Hi,

I’m asking about these errors mentioned in snapshot.

Attachments:

You must be logged in to view attached files.

Hi smart.sharukhkhan786,

Thanks for reaching to us.

1. user-scalable

You can find the Viewport tab in the Theme Settings > Other, you need to scroll to the bottom of the settings. https://prnt.sc/N-Zibb47ilCh

2. Navigate to Theme Settings -> Styles & Colors and adjust the colors areas: https://prnt.sc/xjf4SR2MzfJp

Try to edit the file woodmart/inc/shortcodes/social.php and add some text labels to Facebook and Instagram icons like shown on the screenshot

https://monosnap.com/file/kx2JZvA4bXl4aJPZHnNAQLLQ5ODX0i

Regards,

Hi,

2. Navigate to Theme Settings -> Styles & Colors and adjust the colors areas: https://prnt.sc/xjf4SR2MzfJp

Try to edit the file woodmart/inc/shortcodes/social.php and add some text labels to Facebook and Instagram icons like shown on the screenshot

https://monosnap.com/file/kx2JZvA4bXl4aJPZHnNAQLLQ5ODX0i

If I update the theme file, it will modify automatically on next theme update right?

Also these codes no longer working

.wd-gallery-thumb. wd-thumb-active img{
border: 1px solid #000;
}

Codes working now:

.wd-gallery-thumb. wd-thumb-active img{
border: 1px solid #000;
}

other questions still remain

Hi smart.sharukhkhan786,

Thanks for reaching to us.

1. You can try to copy function to functions.php to child theme and make changes to see if it works https://prnt.sc/LWxdrkf327H9

2. Border

It worked on my end, you need to clear browser cache https://prnt.sc/MAUGP3AIIXdq

Regards,

[Author]

Posts