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で同じ手順を踏むと反映されました。
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024