Home › Forums › WoodMart support forum › Product Gallery Thumbnail

Product Gallery Thumbnail

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 29, 2024 at 4:06 pm #553400

    smart.sharukhkhan786
    Participant

    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.
    March 30, 2024 at 7:27 pm #553606

    Hung Pham
    Keymaster

    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,

    March 30, 2024 at 9:39 pm #553621

    smart.sharukhkhan786
    Participant

    Can you please check this report in private

    April 1, 2024 at 5:11 am #553728

    Hung Pham
    Keymaster

    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,

    April 2, 2024 at 11:49 am #554123

    smart.sharukhkhan786
    Participant

    Hi,

    I’m asking about these errors mentioned in snapshot.

    Attachments:
    You must be logged in to view attached files.
    April 2, 2024 at 1:36 pm #554189

    Hung Pham
    Keymaster

    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,

    April 2, 2024 at 1:42 pm #554191

    smart.sharukhkhan786
    Participant

    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?

    April 2, 2024 at 9:59 pm #554356

    smart.sharukhkhan786
    Participant

    Also these codes no longer working

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

    April 3, 2024 at 12:52 pm #554549

    smart.sharukhkhan786
    Participant

    Codes working now:

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

    other questions still remain

    April 3, 2024 at 1:32 pm #554564

    Hung Pham
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)