Skip to product information
1 of 1
Published:2023.05.21

How to display a fixed Add to Cart button on the product detail page of the Shopify theme "Dawn" depending on the scroll position of the page

How to display a fixed Add to Cart button on the product detail page of the Shopify theme "Dawn" depending on the scroll position of the page

Applications

  • Product information management and editing

How to implement

  • Theme Editor
View full details

In the Shopify theme "Dawn," if the product detail page is long, the "Add to Cart" button disappears when you scroll down, which is a bit inconvenient. Here is an example of how to set a sticky button. (It reflects the button label when the item is sold out, but I think it would be fine to just fix it to "Add.")

How to display a fixed Add to Cart button on the product detail page of the theme "Dawn" according to the scroll position of the page


Add a customized Liquid section to your product page template and insert the code


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 customized Liquid section to your product page template and insert the code

Related Post