Hi guys, is there a way to remove the thumbnail pictures from under the product picture in dawn theme for the mobile view?
Topic summary
Goal: remove product image thumbnails in the Shopify Dawn theme on mobile.
Built-in setting (no code):
- In the product page editor, open “Product Information” under “Template.”
- Scroll to “Mobile layout” and select “Hide thumbnails.”
- This hides the small preview images beneath the main product image on mobile.
Alternative (code-based):
- Edit theme.liquid and add custom code before the closing tag.
- Screenshots were provided showing the final mobile view without thumbnails; exact code content was not included in the post.
Outcome and status:
- The original poster confirmed the change worked perfectly.
- No further issues raised; discussion appears resolved.
Notes:
- “Dawn” is Shopify’s default theme; “thumbnails” are the small image previews under the main product photo.
- Images were shared to illustrate the result of the code-based approach; they are helpful but not strictly required if using the built-in setting.
Consensus:
- The simplest solution is using the “Mobile layout → Hide thumbnails” option; the code method is an alternative if customization is needed.
1 Like
Yes! When you’re on the product page, click on the “Product Information” section under “Template,” and then scroll down until you see “Mobile layout.” Click on the box below that and click “Hide thumbnails.”
- Here is the solution for you @GeeMan88
- Please follow these steps:
- Then find the theme.liquid file.
- Then add the following code at the before tag and press ‘Save’ to save it.
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
Thank you so much! That worked perfectly!
1 Like
Glad to help you. Have a good day.