Product thumbnails in mobile layout are not clickable, using Dawn theme.

Product thumbnails in mobile layout are not clickable, using Dawn theme.

jbslide
Explorer
53 7 7

Product thumbnails in mobile layout are not clickable, using Dawn theme.

The product thumbnails can slide , but not clickable.

Thank you in advance

 

www.crestharbor.com

Replies 3 (3)

Small_Task_Help
Shopify Partner
819 26 71

Hi,

 

Verify Theme Settings
Add custom CSS
Css example

@media (max-width: 767px) {
    .product-single__thumbnail {
        cursor: pointer;
        /* Ensure the thumbnails are clickable */
        touch-action: manipulation;
    }

    .product-single__thumbnail img {
        /* Optional: Improve tap target size */
        max-width: 100%;
    }
}

Ensure that the JavaScript functionality is correctly enabling clicks on mobile devices

To Get Shopify Experts Help, E-mail - [email protected]
About Us - We are Shopify Expert Agency
At Google My Business - Ecommerce Small Task - Hire Shopify Developers Ahmedabad
jbslide
Explorer
53 7 7

Small_Task_Help,

Thank you for the response. I think there's a conflict with an app.

I added the code to the bottom right as shown in the pic, but it still doesn't work.

"Ensure that the JavaScript functionality is correctly enabling clicks on mobile devices - How do I check this?

Thank you.

 

jbslide_0-1725890537449.png

 

 

jbslide
Explorer
53 7 7

So I updated updated to the latest version of the Dawn Theme and now the product thumbnails are

clickable, but they slide im mobile layout instead of the image selected zooming to a bigger image.

I have "Open Lightbox" selected in the mobile layout settings.

Thanks