DOMのカスタマイズがうまくできません

日本語 ディスカッション 技術的なQ＆A
1

https://shopify.github.io/buy-button-js/advanced#customizing-the-dom

こちらを参考に、BuyButtonで出力したコレクションにカスタマイズをしようとしているのですが、何も出力されません。

記述が間違っているのでしょうか？

どなたか、ご教授、お願いいたしますm(_ _)m

Screenshot at Mar 26 11-38-29.png
Screenshot at Mar 26 11-38-29.png1744×1490 532 KB

2

自己解決いたしました。

以下の記述を追加したら、表示されました。

（orderに’details’を加えました。）

"templates": {
                              "details": '' +
                                '{{data.selectedVariant.price}}' +
                                '
{{data.description}}
' +
                              '
'
                            },
                            "classes": {
                              "details": 'product-details',
                            },
                            "styles": {
                              "details": {
                                'background-color': 'grey'
                              }
                            },
                            "order": [
                              'img',
                              'title',
                              'price',
                              'options',
                              'quantity',
                              'button',
                              'details'
                            ],