Return to previous page

How to disable thumbnails for 2 col gallery

This topic has 4 replies, 2 voices, and was last updated 7 months ago ago by Tony Rodriguez

ecommercedev

Participant

September 29, 2023 at 00:41

I am using 2 column gallery in Gallery -> Main Configuration -> Type.

There is unfortunately no way on selecting this for different mobile screens. 2 col gallery renders as 1 main image and thumbnails underneath in the mobile view.

I would like to disable thumbnail in mobile view. How can I do that?

#368841 Copied Theme version: 9.1.14

3 Answers
Tony Rodriguez

Support staff

September 29, 2023 at 05:34
Hello, @ecommercedev,

Thank you for using our theme and for contacting us.

If you desire to eliminate the thumbnail in the mobile view on a single product page exclusively for mobile devices, kindly follow the instructions below:

Please copy and paste the provided CSS code into the following path: XStore > Theme Options > Theme Custom CSS > Global CSS. Once done, ensure to publish it.
```
@media only screen and (max-width: 768px) {
.single-product .swiper-container.swiper-control-bottom {
    display: none;
}
}
```
We trust that this will address your concern.

Best Regards,
Team 8Theme
#368845 Copied
ecommercedev

Participant

September 29, 2023 at 12:50

Hi Tony,
Thanks for your reply. This for sure would work. But I would like to stop them from fetching on requests. Hiding images using CSS does not work in this way I believe.

Is there any way to disable it on server side? like in some xstore template or xstore custom wordpress filter hooks?

#368889 Copied

Tony Rodriguez

Support staff

September 29, 2023 at 13:05

Hello, @ecommercedev,

We hope this message finds you well. We recommend you to try the solution provided in the following link: https://www.8theme.com/topic/hello-i-hope-you-are-good-i-want-to-disable-slider-in-mobile/#post-364254

We trust that this will effectively resolve the issue you are facing.

Best Regards,
8Theme’s Team

#368891 Copied
Tagged: 2 col gallery, customize woocommerce, disable thumbnails, woocommerce themes, woocommerce tutorial, wordpress guide, wordpress themes
Viewing 4 results - 1 through 4 (of 4 total)