FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

カート内のアイテム削除リンクについて

解決済

カート内のアイテム削除リンクについて

みかん
Shopify Partner
11 0 1

Debutテンプレートをカスタマイズしています。

 

ヘッダーのカートアイコンをクリックで

カート内容をサイドバーで表示したいです。

 

イメージはテンプレート「Prestige」のカートアイコンをクリックした時の動作です。

https://themes.shopify.com/themes/prestige/styles/allure/preview

 

カートアイコンをクリック→サイドバーにカート内容を表示。

までは自分でできたのですが

「REMOBE」をクリックでアイテムを削除したときに

カートページに移遷し、サイドバーが閉じてしいます。

 

「REMOBE」のリンクは、「cart-template.liquid」の

↓を記載しました。

<a href="/cart/change?line={{ forloop.index }}&amp;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」を動作させる方法をご教示いただきたいです

よろしくお願い致します。

 

スクリーンショット-2022-09-10-23.52.33(2).jpg

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1610 573 736

成功

 

みかん さま

 

はじめまして、フルバランスのドウケです。

 

ご質問を確認いたしました。

 

テーマのカスタマイズって、コードとか少しややこしい部分がありますよね。

 

https://cpoint-lab.co.jp/article/201802/1629/

こちらのページをご参考にaタグがクリックされたとき、preventDefaultで画面遷移を無効化できるかと思います。

 

ご参考になりましたでしょうか。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス ドウケ

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス

元の投稿で解決策を見る

1件の返信1

株式会社フルバランス
Shopify Partner
1610 573 736

成功

 

みかん さま

 

はじめまして、フルバランスのドウケです。

 

ご質問を確認いたしました。

 

テーマのカスタマイズって、コードとか少しややこしい部分がありますよね。

 

https://cpoint-lab.co.jp/article/201802/1629/

こちらのページをご参考にaタグがクリックされたとき、preventDefaultで画面遷移を無効化できるかと思います。

 

ご参考になりましたでしょうか。

 

私たちの励みにもなりますので、

お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス ドウケ

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス