Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1444773

    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

    #1444775

    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 5 months, 2 weeks ago by robertbwc.
    #1444857

    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

    #1444942

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

    #1445059

    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

    #1445211

    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

    #1445246

    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

    #1445252

    Is there any way to exclude it?

    #1445254

    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

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