Skip to product information
1 of 1
Published:2024.08.09

Example of a mobile product page with no thumbnails using the Shopify theme "Dawn" where the pre- and post-image navigation is overlaid on the image to fit more information above the fold.

Example of a mobile product page with no thumbnails using the Shopify theme "Dawn" where the pre- and post-image navigation is overlaid on the image to fit more information above the fold.

Applications

  • Product Image Management

How to implement

  • Javascript
  • HTML/CSS
View full details

When using a layout pattern that doesn't display thumbnails for product photos on the mobile page of Shopify's "Dawn" theme, it's a good idea to overlay navigation buttons and the number of images to display so that more information is visible the moment the page is opened.


An example of how to set the "Collapsible Content" section of the Shopify theme "Dawn" to open any row (column) other than the "first row (column)" from the beginning.


[How to set it up] Add a custom Liquid section to the product information block in the product template and insert the code.


[Note] This feature is only available when "Mobile Layout" is set to "2 Columns" or "Hide Thumbnails"


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

Add a custom Liquid section to the product information block in your product template and insert the code.

Related Post