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

Single Product Gallery shows only one Thumbnail

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • June 26, 2026 at 6:47 pm #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 19 hours, 42 minutes ago by postbox-007.
    Attachments:
    You must be logged in to view attached files.
    June 27, 2026 at 10:09 am #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

    June 27, 2026 at 10:51 am #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.
    June 27, 2026 at 12:21 pm #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

    June 27, 2026 at 1:48 pm #722569

    postbox-007
    Participant

    I’ve set it to “Single Product (DE)”: Thumbnails on the left.

    The gray rectangle (see also the previous post) remains unaffected and is always visible, even if no up/down arrows are visible.

    • This reply was modified 38 minutes ago by postbox-007.
    Attachments:
    You must be logged in to view attached files.
    June 27, 2026 at 2:07 pm #722575

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Remove the value from Thumbnail gallery width and check the issue:
    https://postimg.cc/1gQXNKsX

    Best Regards

    June 27, 2026 at 2:30 pm #722576

    postbox-007
    Participant

    The gray background—that is, behind the boxes with the buttons—is still always there.
    However, I believe that entering the width has no effect on the gray background area.

    And I want the thumbnails to be narrower, so I entered 80px there.

    Attachments:
    You must be logged in to view attached files.
  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)