Liquid、JavaScriptなどに関する質問
商品詳細ページにて、
自分のには「カートに追加する」ボタンにアイコンが表示されていません。
これは元々なのか、何かのエラーでこうなっているのか、
どちらにせよここにカートアイコンを表示させるためにどうすればいいですか?
解決済! ベストソリューションを見る。
成功
ご質問いただいている、添付画像赤枠にカートアイコンを表示させることは可能です。
ご使用のテーマが不明なため、Dwanテーマを例に解説させていただきます。
Dwanテーマでない場合は下記手順のファイル名等が異なる場合があります。
カートアイコン表示手順
<style>
.cart_icon {width:20px; height:20px; margin-right: 10px; }
/* 上記:カートアイコンのサイズ、テキストとの空き幅調整 */
.product-form__submit:disabled .cart_icon{display:none}
/* 上記:売り切れなどボタンが押せない場合カートアイコンを非表示 */
</style>
<img src="管理画面でアップロードした画像のURL" class="cart_icon">
追加例イメージ
表示例イメージ
ご参考まで。
(キュー小坂)
成功
ご質問いただいている、添付画像赤枠にカートアイコンを表示させることは可能です。
ご使用のテーマが不明なため、Dwanテーマを例に解説させていただきます。
Dwanテーマでない場合は下記手順のファイル名等が異なる場合があります。
カートアイコン表示手順
<style>
.cart_icon {width:20px; height:20px; margin-right: 10px; }
/* 上記:カートアイコンのサイズ、テキストとの空き幅調整 */
.product-form__submit:disabled .cart_icon{display:none}
/* 上記:売り切れなどボタンが押せない場合カートアイコンを非表示 */
</style>
<img src="管理画面でアップロードした画像のURL" class="cart_icon">
追加例イメージ
表示例イメージ
ご参考まで。
(キュー小坂)
回答ありがとうございます。(テーマはDAWN)
教えて頂いた箇所に指定コードを書き込んだところ、以前実装した追尾するカート部分には反映されたのですが、メインの部分には反映されなかったです。
2つの部分は使用しているコードは同じなのですが、なぜか片方しか反映されないです。色々試してみたんですが、原因がよくわかりません。
反映しなかった部分はセクションのbuy-buttons.liquidで同じ手順を踏むと反映されました。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025