Hi, I’m having a technical issue that only applies to this one product page: https://empiricalwater.com/products/bundle
Notice if you click on any of the product images to view enlarged, it gets glitchy.
Any idea how to fix this?
Dawn theme.
Thanks!
Can you go to your products , click on that specific product and tell me what Theme Template it has? like shown below
1 Like
The template is:
free-sample
Can you go to a product that doesn’t have this problem and check for the theme template again?
1 Like
default product doesn’t have this problem.
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Richard | PageFly
1 Like
You can solve it by adding this code to Custom CSS in store admin > Sale channels > Online Store > Themes > Customize > Theme settings
.product-media-modal[open] { z-index: 9999 !important; }
1 Like
Nicely done! Can you make the images smaller in “full size” mode so that each whole image can fit on the screen properly? I’d like to mark that as a solution as well. This is especially an issue on desktop. Thanks.
Haven’t you noticed that that product page doesn’t have a header? Maybe it’s because the product has a different theme template from the others and maybe that’s what’s causing the problem