Return to previous page

Xstore slider - by Bas Kling - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 3 years, 8 months ago ago by Olga Barlow

Bas Kling

Participant

September 17, 2021 at 19:31

Hi,

is there a way to disable Xstore’s slider element from scrolling when there’s only 1 element? We use a single element to display a banner with text, directly below the header. Unfortunately, even with just 1 slide, people can still move it from right to left (displaying the same slide, ofcourse). We would like to kill that movement altogether, make it completely static. Disable the slide functionality so to speak. Is that possible?

If there’s a better way to display an image with fullscreen (width and height), pref. in a responsive way for desktop and mobile, that would even be better. We use 2 separate rows now.
Thanks!

Please, contact administrator
for this information.

#302625 Copied Theme version: 8.0.6

7 Answers
Rose Tyler

Support staff

September 19, 2021 at 09:02
Hello,

Add this code in Custom CSS for page area:

.et-slider .swiper-container .swiper-wrapper { cursor: pointer; }

You can set background image for row, enable “Full height row” and select Row stretch in settings.

Regards
#302701 Copied
Bas Kling

Participant

September 20, 2021 at 12:51

Hi Rose,

Added the CSS code in page area.
Unfortunately, the slider still scrolls (swipes) on mobile phones

#302816 Copied

Olga Barlow

Participant

September 21, 2021 at 17:56

Hello,

Check now.

Regards

#302978 Copied

Bas Kling

Participant

September 22, 2021 at 10:31

Hi Olga,

Non-scrolling works perfectly now, thanks.
Can you plz share the work-around/code used?

Another issue popped up though. The image itself should still link to the underlying content page. This functionality is now disabled as well. This was not our intent.
Our intent is to disable scrolling as only 1 slider item exists. The functionality of that single slider item, the actual link, should still be active.

#303077 Copied

Olga Barlow

Participant

September 22, 2021 at 12:30

Hello,

I added custom code for the slider to the page custom CSS. To enable pointer events edit page custom CSS and remove cursor: pointer style, keep only transform style.

Regards

#303100 Copied

Bas Kling

Participant

September 22, 2021 at 13:18

Sorry. Removing it really doesn’t do a thing for link functionality.
Maybe it’s a caching issue on our end, although we’ve cleared everything. Can you please check? (I also can’t see why changing a cursor class would enable/disable using the underlying link)

#303108 Copied

Olga Barlow

Participant

September 22, 2021 at 14:56

Hello,

Sorry, missed that you did not add the link to the slide https://prnt.sc/1t8ivlu
So, add the link you need there.

Regards

#303121 Copied
Viewing 8 results - 1 through 8 (of 8 total)