Return to previous page

Single Product Page Gallery Shows Part Of Next Image

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

alkerster

Participant

February 6, 2021 at 03:18

Hello

I have something I would like to resolve on the Single Product Page gallery view / layout

I do not want part of the next image to show along side the current image being displayed

I think it looks messy and is off-putting from viewing the current image in question

Screen shots to describe what I mean as it is easier to visualise

Problem area shown in highlighted red area:

When viewed on a very small window / phone the partial next image is not shown which I think is much neater:

I have searched as much as I can to try to find a solution for this

I hope someone can help me

Thanks in advance
James

#272660 Copied Theme version: 7.2.4.1 WooCommerce version: 4.9.2

3 Answers
Rose Tyler

Support staff

February 6, 2021 at 08:55
Hello,

Thanks for using our theme.
Try to add this code in Theme Options > Theme custom CSS:

.single-product .woocommerce-product-gallery__wrapper.swiper-slide-next, .single-product .woocommerce-product-gallery__wrapper.swiper-slide-prev { opacity: 0 !important; }

Regards
#272690 Copied
alkerster

Participant

February 6, 2021 at 13:57

Thank you very much!

#272766 Copied

Rose Tyler

Support staff

February 6, 2021 at 15:56

You’re welcome!

Regards

#272790 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Single Product Page Gallery Shows Part Of Next Image’' has been successfully resolved, and the topic is now closed for further responses

Single Product Page Gallery Shows Part Of Next Image

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection