Product galleries come and go

Hi

Though my site is now absolutely gorgeous (don’t you think ?), one concern remains.
Each of my product owns a main photo, a little picture in the description text and a photo in the gallery. When a visitor lands on a product page, the photo in the gallery does not show until he scrolls. Do you know why ? Is there a solution to avoid this and keep this image visible from the beginning ?

Hi,

Yes, your website looks very beautiful 🙂

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.product-design-sticky .woocommerce-product-gallery .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:first-child) a {
	transition: none;
  	-webkit-transform: none;
  	opacity: 1;
}

Regards

Yesss ! It works perfectly. Thanks for your help.

You are welcome!

The problem is solved for the photo, but all the right column “come and go”. It does not stay fix in the page when I scroll.
Same thing in all the product pages.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.product-design-sticky .entry-summary .summary-inner {
  position: static !important;
}

.product-design-sticky .entry-summary.hide-temporary {
  opacity: 1;
}

Regards

Perfect !… as usual. Thanks a lot.

You are welcome!

[Author]

Posts