Afterpay分期展示

1.选择主题

步骤1:找到 Online Store,选择 Themes

步骤2:点击三个点

步骤3:下拉选择 Edit dode、

2.搜索main-product

步骤1:搜索 main-product

步骤2:选择 main-product

步骤3:图片所示位置添加如下代码:

<!-- Afterpay Initialization Script --> <script src="https://js.afterpay.com/afterpay-1.x.js" defer onload="initializeAfterpay()"></script>

步骤4: 图片所示位置添加如下代码(搜索【id="price-{{ section.id }}"】,该位置下面添加):

<div id="afterpay-messaging-widget"></div> <script> function initializeAfterpay() { const widget = document.getElementById('afterpay-messaging-widget'); if (widget && typeof Afterpay !== 'undefined') { Afterpay.createPlacements({ targetSelector: "#afterpay-messaging-widget", // 金额要大于等于400且币种要是USD才生效,否则就是正常的分四期 attributes: { locale: "en_US", currency: "{{shop.currency}}", amount: "{{ product.selected_or_first_available_variant.price | money_without_currency }}", aprLoansAvailable: "true", } }); } else { console.error('Afterpay script not loaded or target element not found.'); } } </script>

效果图:

最后更新于

这有帮助吗?