Skip to product information
【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページでページのスクロール位置に応じて固定表示されるカート追加ボタンを表示する方法
  • 【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページでページのスクロール位置に応じて固定表示されるカート追加ボタンを表示する方法
[Dawn] 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
Published:2023.05.21

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

用途

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.

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

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

すべてのShopify TIPS

View all