Return to previous page

Thumbnail column slider breaks out of layout

This topic has 9 replies, 3 voices, and was last updated 1 months ago ago by Luca Rossi

Bas Kling

Participant

February 3, 2025 at 16:57

Hi,

We used to display our product details using the Product Gallery layout Type 3 on each single product page. However, for 2 months now (not sure which update was released), the Thumbnail column breaks out of the layout, as shown here: https://imgur.com/2AZJ3C4
The customizer displays correctly: https://imgur.com/o0QdIvO, but for some reason, the live web page doesn’t.

We’ve changed the layout of the Gallery widget to Type 1 instead of Type 3 for now to avoid the issue altogether, but we would like to return to using Type 3, with the Thumbnails Columm slider set to 4 and not have it break our layout like this.

Can you please troubleshoot with us and find/resolve the root cause?
This goes for multiple templates, but if you could focus on this one: https://imgur.com/GToVvwX we can fix the rest.

Kind regards,

Please, contact administrator
for this information.

#433235 Copied Theme version: 9.4.7

8 Answers

Rose Tyler

Support staff

February 4, 2025 at 07:56

Hello, Bas Kling,

We kindly ask you to configure the settings in a way that makes the issue visible. Additionally, please provide us with a link to the page where the issue can be observed on your website. This will allow us to review and address the matter effectively.

Best regards,
8Theme’s Team

#433269 Copied

Bas Kling

Participant

February 4, 2025 at 10:14

In Private

Please contact administrator
for this information.

#433293 Copied
Rose Tyler

Support staff

February 4, 2025 at 10:36
Hello, Bas Kling,

We appreciate your prompt response.

Please try adding this custom CSS codes under XStore > Theme Options > Theme Custom CSS > Global CSS:

.single-product .swiper-vertical-images .vertical-thumbnails-wrapper { max-height: 625px; overflow: hidden; }

Best regards,
8Theme’s Team
#433295 Copied
Bas Kling

Participant

February 4, 2025 at 13:06

Hi Rose,

The fix seems to box and limit the vertical thumbnails to 4.
However, the arrows to scroll and provide access to images 5, 6, 7, etc are gone. Ultimately, this won’t work as we need the ability to show all the product images as intended.
The CSS fixes the display malfunction but doesn’t address the root cause….

#433310 Copied

Luca Rossi

Support staff

February 6, 2025 at 05:41

Dear @Bas Kling,

We hope you are doing well.

Please find below a screenshot of how the thumbnail sliders appear on our end: (https://prnt.sc/v4AysenmjapS).

Could you kindly provide guidance on how we can reproduce this issue?

Thank you in advance for your assistance.

Best regards,
8Theme Team

#433474 Copied

Bas Kling

Participant

February 6, 2025 at 07:58

On our end, it looks te same. Thats the problem. No arrows. Please try to use the thumbnail slider to scroll to images 5, 6 and 7.
You can’t

#433488 Copied

Bas Kling

Participant

February 7, 2025 at 10:16

See screenshot

Please contact administrator
for this information.

#433640 Copied

Luca Rossi

Support staff

February 7, 2025 at 10:33

Dear @Bas Kling,

We coulde see some JS errors in the console log of your website.

We kindly recommend disabling all third-party plugins that are not included with XStore. You can find the list of included plugins here: (https://www.8theme.com/documentation/xstore/plugins/included-plugins/). Once you have done this, please clear your browser’s cache and check if the issue persists. It is possible that one of the additional plugins may be causing the problem.

Once you have deactivated the unnecessary plugins, kindly clear your browser’s cache and verify whether the performance issue persists. This step is crucial, as conflicts with third-party plugins can sometimes cause unexpected issues.

If it doesn’t help, could you please try switching to the Single Product Builder by Elementor also: https://www.8theme.com/documentation/xstore/xstore-builders/xstore-single-product-builder-with-elementor/?

Best regards,
8Theme Team

#433642 Copied
Viewing 9 results - 1 through 9 (of 9 total)