Skip to product information
1 of 1
Published:2023.07.02

Example of a block that allows you to place an in-page link on a product page of the Shopify theme "Dawn"

Example of a block that allows you to place an in-page link on a product page of the Shopify theme "Dawn"

Applications

  • Product Image Management

How to implement

  • LIQUID
  • HTML/CSS
View full details

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.


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

main-product.liquid {%- when 'navigation' -%}

Related Post