Liquid、JavaScriptなどに関する質問
現在、detailsを使用して、data-element="cart.footer"部分をカスタマイズしています。
合計金額(data-element="cart.subtotal")を表示させたいのですが、記述の仕方が分かりません。
どなたか、ご教授いただけますと幸いです。
"cart": {
"contents": {
"button": false,
"details": true,
},
"templates": {
"button":
'<div class="shopify-buy__cart-bottom" data-element="cart.footer">' +
'<p class="shopify-buy__cart__subtotal__text" data-element="cart.total">合計</p>' +
'<p class="shopify-buy__cart__subtotal__price" data-element="cart.subtotal">{{data.total_price}}</p>' +
'<button class="shopify-buy__btn shopify-buy__btn--cart-checkout" data-element="cart.button">購入する<svg viewBox="0 0 300 300" alt="" style="width:10px; height:auto"><use xlink:href="/assets/svg/icons.svg#arrowRight"/></svg></button>' +
'<button class="shopify-buy__btn--close" data-element="cart.close02">買い物を続ける<svg viewBox="0 0 300 300" alt="" style="width:10px; height:auto"><use xlink:href="/assets/svg/icons.svg#arrowRight"/></svg></button>'
'</div>'
},
"order": [
'img',
'title',
'price',
'options',
'quantity',
'button',
'details',
'lineItems',
'footer',
'total',
'subtotal'
],
BuyButtonで使われているBuyButton.js のカスタマイズ仕様は以下にのっていますが、
https://shopify.github.io/buy-button-js/
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