Skip to product information
【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページで「カートに追加する」ボタンにカート(バッグ)アイコンを表示する設定例
  • 【Dawn】Shopifyのテーマ「Dawn」の商品詳細ページで「カートに追加する」ボタンにカート(バッグ)アイコンを表示する設定例
[Dawn] Example of settings to display a cart (bag) icon on the "Add to Cart" button on the product detail page of the Shopify theme "Dawn"
Published:2023.11.17

[Dawn] Example of settings to display a cart (bag) icon on the "Add to Cart" button on the product detail page of the Shopify theme "Dawn"

用途

This is the "Add to Cart" button on the product detail page of the Shopify theme "Dawn", but it would be nice to display the cart icon used in the header. Here is an example of how to do that.


Example of settings to display a cart (bag) icon on the "Add to Cart" button on the product detail page of the theme "Dawn"


[How to set it up] Add code to "buy-button.liquid" and "section-main-product.css"


After making a purchase (all items are ¥0), you will be able to view the sample code.

[Dawn] Example of settings to display a cart (bag) icon on the "Add to Cart" button on the product detail page of the Shopify theme "Dawn"

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

buy-button.liquidにアイコンを追加


section-main-product.cssを編集

↗ Related Post

すべてのShopify TIPS

View all