There is no switching function for mobile product images

I created a Single Product Layout in Layout, set the Product Gallery to Bottom grid, and turned on the Main carousel with pagination. On the computer, I can use the arrows to switch product images normally, but I don’t know why it doesn’t work on mobile phones and tablets. Can display arrows and switch pictures
Below is a video demonstration
https://drive.google.com/file/d/1g1pbD_GjYeJRsLJoM1ATmo1CbpAdZon4/view?usp=sharing

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the code below to show the arrows on mobile.

.single-product .pswp--touch [class*="pswp__button--arrow--"] {
    visibility: visible;
}

Clear the cache and recheck the issue.

Kind Regards

I have a question, can I set the Main Carousel image to use Full Size on the website instead of the thumbnail format generated by Woocommerce?

[Author]

Posts