Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1279719

    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

    #1280226

    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

    #1280516

    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

    #1281568

    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, 10 months ago by Rikard.
    #1281667

    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

    #1282123

    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

    #1308284

    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

    #1308460

    Hi,

    Please try this CSS as well:

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

    Best regards,
    Rikard

    #1308575

    Hi Rikard,

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

    Best regards,
    Dirk

    #1308666

    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

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.