Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Product thumbnails in mobile layout are not clickable, using Dawn theme.
The product thumbnails can slide , but not clickable.
Thank you in advance
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
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.
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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024