Liquid、JavaScriptなどに関する質問
Debutテンプレートをカスタマイズしています。
ヘッダーのカートアイコンをクリックで
カート内容をサイドバーで表示したいです。
イメージはテンプレート「Prestige」のカートアイコンをクリックした時の動作です。
https://themes.shopify.com/themes/prestige/styles/allure/preview
カートアイコンをクリック→サイドバーにカート内容を表示。
までは自分でできたのですが
「REMOBE」をクリックでアイテムを削除したときに
カートページに移遷し、サイドバーが閉じてしいます。
「REMOBE」のリンクは、「cart-template.liquid」の
↓を記載しました。
<a href="/cart/change?line={{ forloop.index }}&quantity=0" class="text-link text-link--accent" aria-label="{{ 'cart.label.remove' | t: product: item.title }}" data-cart-remove data-role="product-remove">{{ 'cart.general.remove' | t }}</a>
ページ移遷なく「REMOBE」を動作させる方法をご教示いただきたいです
よろしくお願い致します。
解決済! ベストソリューションを見る。
成功
みかん さま
はじめまして、フルバランスのドウケです。
ご質問を確認いたしました。
テーマのカスタマイズって、コードとか少しややこしい部分がありますよね。
https://cpoint-lab.co.jp/article/201802/1629/
こちらのページをご参考にaタグがクリックされたとき、preventDefaultで画面遷移を無効化できるかと思います。
ご参考になりましたでしょうか。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス ドウケ
成功
みかん さま
はじめまして、フルバランスのドウケです。
ご質問を確認いたしました。
テーマのカスタマイズって、コードとか少しややこしい部分がありますよね。
https://cpoint-lab.co.jp/article/201802/1629/
こちらのページをご参考にaタグがクリックされたとき、preventDefaultで画面遷移を無効化できるかと思います。
ご参考になりましたでしょうか。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス ドウケ
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024