Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 11, 2021 at 12:13 pm #1279719
    diggital

    Hi,
    I get an issue in the WooCommerce Product Gallery when enabling the “Product Video for WooCommerce” plugin in Enfold.

    You can see the normal gallery view here:
    Test Site Link 1

    And the gallery when enabling a video:
    Test Site Link 2

    I already selected “using a page builder” in the settings, but the whole gallery view and thumbnails seem to shrink somehow?

    Do you have a solution to fix it?

    Best regards

    February 13, 2021 at 5:49 am #1280226
    Rikard

    Hey Dirk,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top .single-product-main-image .feat_image a {
    width: 96% !important;
}

#top .single-product-main-image .thumbnails a {
    width: 31.3% !important;
}

    Best regards,
    Rikard

    February 15, 2021 at 1:14 pm #1280516
    diggital

    Hey Rikard,
    I just put it in the Quick CSS field, cleared the cache and also disabled CSS and Javascript compression in the Enfold Performance Settings.

    Unfortunately I can see no difference in the gallery?

    Best regards,
    Dirk

    February 17, 2021 at 3:56 am #1281568
    Rikard

    Hi Dirk,

    Edit; please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    • This reply was modified 3 years, 9 months ago by Rikard.
    February 17, 2021 at 12:18 pm #1281667
    diggital

    Hi Rikard,
    I just found your last note by email.

    Since I removed the second part of the CSS everything works fine!
    I removed this:

    #top .single-product-main-image .thumbnails a {
    width: 31.3% !important;
}

    Thanks a lot for your support!!!

    Best regards,
    Dirk

    February 19, 2021 at 6:22 am #1282123
    Rikard

    Hi Dirk,

    Great, I’m glad that you got it working, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 1, 2021 at 10:35 am #1308284
    diggital

    Hi Rikard,

    meanwhile I updated to the latest Enfold version 4.8.3 and also updated the “Product Video for WooCommerce” plugin.
    Unfortunately the provided CSS doesn’t seem to work anymore.

    #top .single-product-main-image .feat_image a {
    width: 96% !important;
}

    This affected the thumbnail sizes before, we had 6 small ones down under the main product image.

    I got this new CSS from the developers:

    .Addify_Product_Videos-thumbnails a {
    width: 60px !important;
    padding: 0px !important;
}
.feat_image {
	margin-top:-15px;
}

    wich is doing well, but only for products including a product video. I’ll post 2 links from the new test site to show what I mean:

    Works fine here…

    No effect, way bigger thumbnails …

    I hope you can help again?

    Best regards,
    Dirk

    July 2, 2021 at 5:50 am #1308460
    Rikard

    Hi,

    Please try this CSS as well:

    .single-product .thumbnails a {
    width: 60px !important;
    padding: 0px !important;
}

    Best regards,
    Rikard

    July 3, 2021 at 12:04 pm #1308575
    diggital

    Hi Rikard,

    thanks a lot, this works like a charm! :)

    Best regards,
    Dirk

    July 4, 2021 at 8:17 pm #1308666
    Mike

    Hi,
    Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Enfold Product Gallery and "Product Video for WooCommerce" Plugin’ is closed to new replies.