Skip to product information
Published:2023.07.02
[Dawn] Example of a block that allows you to place an in-page link on a product page of the Shopify theme "Dawn"
This is an example of a "block" setting for installing an in-page scrolling menu in the product details of the Shopify theme "Dawn". It is very important to have a rich content, but there is a concern that the viewing rate will decrease accordingly, so an in-page navigation that can guide users while clearly indicating the items is particularly useful for improving the bounce rate on smartphones.
Example of block settings for placing in-page links on product pages in the theme "Dawn"

Setup Step 1: Modify the scheme and display code in "main-product.liquid" (create a new block for product information)

Setup Step 2: Add the newly created "Navigation" block to the product information section of the product template and specify each setting item.

Sample Codes
Test Theme :Dawn/Rise 15.2.0