Afterpay分期付款组件展示

首先进入店铺后台：

1.进入店铺主题Themes

步骤1.1：找到 Online Store，选择 Themes
步骤1.2：选择Customize，点击左侧三个点
步骤1.3：在下拉列表中选择 Edit dode

2.修改main-product.liquid代码

点击Edit dode后，默认进入main-product.liquid文件（或者您也可以搜索该文件并进入），在文件头部加入如下代码：

3. 创建元素并挂载afterpay js

搜索【id="price-{{ section.id }}】，该位置下面添加如下代码：

如果你希望afterpay分期付款组件只在价格符合某个区间的商品上显示，不在该价格区间的商品不显示afterpay组件，上述代码可以调整成如下实现：

4.效果图

展示该商品分期信息：

点击afterpay logo，展示afterpay相关信息：

修改于 2025-09-12 02:40:42

magento - Wechat/Alipay/UseePay Payments

Googlepay&Applepay名称修改