• Priority: 0
  • Status: Waiting on customer
  • Theme: Alysum
  • Assigned To: Fred
  • Private: No
  • Open Date: 19.11.24, 16:49
  • Opened by: Jairo de la Fuente

Ticket #25852 - Images do not slide correctly

From mobile, on the product page the images do not slide correctly with your finger when sliding the large image left or right.

Comments

Fred 19 Nov 2024, 20:33

Hi, Jairo de la Fuente.
If you means this vertical carousel https://mega.nz/file/5cwRFS5Q#EalfQjEJ5khMCeWC03gunBRp3TvCHSyS4OSoo800hfI there is just nothing to scroll, no more images. We can hide arrows for such case if you want

Jairo de la Fuente 19 Nov 2024, 23:26

No, I mean the large image, when you slide your finger on it it only goes to the next image, not the rest, to access the rest you have to click on the vertical carousel.

Fred 20 Nov 2024, 23:24

Yes, because there is no such option

Jairo de la Fuente 21 Nov 2024, 22:00

If you hide the thumbnails it will let you swipe correctly

Attachments:

Captura.PNG (9 KiB)
Jairo de la Fuente 21 Nov 2024, 22:06

How can I hide the arrows if there are no more than 4 photos?

Fred 22 Nov 2024, 23:15

Need to update product page script.
Open the file

/themes/alysum/assets/js/pages/product.js

find the line

if (itemsNumber <= showItems) {

and replace it with

if (itemsNumber < showItems) {
Jairo de la Fuente 26 Nov 2024, 20:11

Ready.
Can you tell me where the file is with the swipe code in the mobile version?

Fred 26 Nov 2024, 21:38

It should be 

/themes/alysum/assets/js/libs/verticalCarousel.min.js