現在、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は使えなかったと思います。