Home Forums WoodMart support forum Single Product Gallery shows only one Thumbnail

Single Product Gallery shows only one Thumbnail

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #722536

    postbox-007
    Participant

    Hello.
    I’m currently using the “Thumbnails Bottom” setting in the Single Product section. Everything works fine there.
    (Theme Settings -> Single Product -> Gallery)

    I wanted to switch to “Thumbnails on the Side” just to test it out. But here, only one thumbnail is displayed.

    Can you help me with this?

    • This topic was modified 18 hours, 31 minutes ago by postbox-007.
    Attachments:
    You must be logged in to view attached files.
    #722553

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Select the Thumbnails Left gallery layout and adjust the Gallery Width and Gallery Height settings accordingly. Once these dimensions are configured properly, the thumbnails should display correctly on the side instead of showing only a single thumbnail.

    See Screenshot for better understanding:
    https://ibb.co/tT9yLP2p
    https://ibb.co/fPd1RBj

    Best Regards

    #722558

    postbox-007
    Participant

    Thank you very much. I’ve managed to fix that now.

    I tweaked the appearance a bit using CSS. It’s working so far.

    .wd-arrow-inner, .wd-nav-arrows, .wd-pos-sep, .wd-prev, .wd-nav-arrows, .wd-pos-sep, .wd-next {
        background-color: rgba(180,180,180,0.55) !important;
    		text-shadow: 0px 2px 2px #777;
    }
    .wd-arrow-inner, .wd-arrow-inner:after, .wd-arrow-inner:hover {
        color: #fff;
    	  text-shadow: 0px 2px 2px #777;
    	  font-size: var(--wd-arrow-icon-size, 28px);
        font-family: "woodmart-font";
    }
    .wd-arrow-inner {
        width: var(--wd-arrow-width, var(--wd-arrow-size, 50px));
        height: var(--wd-arrow-height, var(--wd-arrow-size, 40px));
    }

    But I still have one problem. When the buttons in the left thumbnail row are hidden (because there are fewer thumbnails), the background stays gray.

    I can’t get rid of that. Can you help me with this? I only want the boxes to be gray, like in the main image.

    Attachments:
    You must be logged in to view attached files.
    #722565

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You are using a single product layout. Navigate to Layouts > Edit the single product layout > edit product gallery and set the thumbnail width and gallery gap. Please now check the single product page and check the issue.

    See Screenshot for better understanding:
    https://postimg.cc/TKCR4cfr

    Best Regards

Viewing 4 posts - 1 through 4 (of 4 total)