Skip to product information
【Dawn】Shopifyのテーマ「Dawn」でサムネイルを表示しない商品詳細モバイルページで画像前後ナビゲーションを画像に重ねてより多くの情報をファーストビューに収める設定例
  • 【Dawn】Shopifyのテーマ「Dawn」でサムネイルを表示しない商品詳細モバイルページで画像前後ナビゲーションを画像に重ねてより多くの情報をファーストビューに収める設定例
[Dawn] 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.
Published:2024.08.09

[Dawn] 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.

用途

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.

[Dawn] 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.

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

すべてのShopify TIPS

View all