BuyButtonのカート内で、合計金額を表示させたい

[jarinkogirl]

現在、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'
                            ],

[junichiokamura]

BuyButtonで使われているBuyButton.js のカスタマイズ仕様は以下にのっていますが、

https://shopify.github.io/buy-button-js/

Liquidは使えなかったと思います。