Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • May 20, 2024 at 5:20 pm #1444773
    robertbwc

    Hello,
    I am trying to add 3 thumbnail images under a main product image on one of my product pages. I added them here:
    2024-05-20-07-39-52-productpage
    The end result is that they display as full size images on my product page:
    2024-05-20-07-30-24
    How can I get them to display as thumbnails lined up horizontally under the main image like in the Enfold example page? EX:
    2024-05-20-07-50-23-example-product-page
    Thank you

    May 20, 2024 at 5:22 pm #1444775
    robertbwc

    Also, the images displayed included my main product image. I only want the 3 images that I assign as gallery images. I don’t want my main product image to appear in the gallery images

    • This reply was modified 4 months, 1 week ago by robertbwc.
    May 21, 2024 at 5:10 am #1444857
    Ismael

    Hi,

    Thank you for the inquiry.

    The product gallery images should align automatically when added. Please provide a link to the product page so we can check the issue properly.

    Best regards,
    Ismael

    May 21, 2024 at 3:03 pm #1444942
    robertbwc

    Thank you for your assistance.
    I have added the login info in “private content” section below

    May 22, 2024 at 6:04 am #1445059
    Ismael

    Hi,

    Thank you for the info.

    The css rules (woocommerce-mod.css) for the gallery items are missing for some reason. To fix the issue temporarily, please add this code in the Quick CSS field.

    .single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
    display: flex;
}

    Best regards,
    Ismael

    May 22, 2024 at 8:08 pm #1445211
    robertbwc

    Hi Ismael,
    Thank you, that works great.
    However, I only want the thumbnail gallery to display only the 3 images that I upload, not the main image.
    How can I have it exclude the main product image
    See example:
    2024-05-22-14-05-36-not-main

    May 22, 2024 at 11:07 pm #1445246
    Mike

    Hi,
    Please do not add the first inage which is the same as the featured image
    Enfold Support 5890
    this image is added automatically with the featured image.

    Best regards,
    Mike

    May 22, 2024 at 11:24 pm #1445252
    robertbwc

    Is there any way to exclude it?

    May 22, 2024 at 11:39 pm #1445254
    Mike

    Hi,
    I believe that these will always be the first image so this css would work:

    .single-product .flex-control-thumbs li:nth-child(1) {
	display: none;
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.