Megamenu and Gallery in single product page issues

This topic has 6 replies, 2 voices, and was last updated 2 years, 3 months ago ago by Rose Tyler

  • Avatar: Daniele Cella
    Daniele Cella
    Participant
    February 15, 2022 at 17:30

    Hi guys,

    I’ve a problem with megamenu and gallery in single product page:

    – The problem with megamenu is the dropdown. When I hover over the menu I can see the dropdown megamenu, but if I try to select something inside of, the megamenu disappear. You can see the problem directly from the web-site url.
    – The problem with gallery in single product page is the image quality. I can’t understand why images looks so ugly. I also have a problem with variation images that looks too big (so less quality). I want to set original size for variation images (Farbe Auswählen). I give you a link of a single product -> https://www.fliesenchef.de/product/nuance/

    Can you help me? Thanks!

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 16, 2022 at 09:27

    Hello,

    1/ Theme Options > Header builder > Main menu > Computed Box For The Menu Item > set 30px padding top and bottom
    2/ Read this article – https://xstore.helpscoutdocs.com/article/89-product-images , set size, and re-generate thumbnails using the plugin.
    It is recommended to use a graphics editor and prepare product images (make them the same size) before uploading images to your media gallery.

    Regards

    Avatar: Daniele Cella
    Daniele Cella
    Participant
    February 16, 2022 at 17:16

    Ok now megamenu and main images on single products works fine, thanks!

    The only thing I don’t understand is how to set variation images in original size (our variation images are 300×300) because they are too big at the moment.

    What I have to do? Thanks!

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 17, 2022 at 08:51

    Could you provide temporary wp-admin access?

    Regards

    Avatar: Daniele Cella
    Daniele Cella
    Participant
    February 17, 2022 at 17:42

    Yes, here is.

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 18, 2022 at 07:07

    Hello,

    Try to use the next custom CSS code:

    .single-product .etheme-woocommerce-product-gallery .swipers-couple-wrapper .swiper-wrapper img {
        max-width: 100%;
        width: auto;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.