Return to previous page

Megamenu and Gallery in single product page issues

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

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!

#317257 Copied Theme version: 8.0.11 WooCommerce version: 6.0.0

5 Answers

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://www.8theme.com/documentation/xstore/woocommerce/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

#317293 Copied

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!

#317411 Copied

Rose Tyler

Support staff

February 17, 2022 at 08:51

Could you provide temporary wp-admin access?

Regards

#317457 Copied

Daniele Cella

Participant

February 17, 2022 at 17:42

Yes, here is.

Please contact administrator
for this information.

#317582 Copied
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
#317606 Copied
Tagged: gallery, issues, megamenu, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)