UseePay
  • 说明
  • MC后台操作手册
    • 操作手册
    • 预授权完成操作指引
    • 物流商信息列表
  • 建站平台插件/应用配置操作
    • Shopify(直连内嵌收银台)
    • Shopify(跳转收银台)
    • Shopify(本地化)
    • AllValue有赞
    • Shoplazza店匠
    • Shopexpress微盟
    • Shopyy
    • Xshoppy
    • 2cshop
    • Meshop
    • Shopline
    • Shopline(Googlepay & Applepay)
    • UEESHOP
    • FPP
    • Shopbase
    • Shoptop
    • Fecify
    • 万全云
    • Shopastro
    • shopass
    • 领动
    • Magento
    • Woocommerce/WordPress
    • OpenCart
    • Google Pay API(待上线)
  • 支付方式绑定
    • PayPal
    • Alipay
  • 自建站技术对接
    • 自建站技术对接
      • 自建站技术对接
  • FAQ
    • MerchantNo商户号查找
    • AppId查找
    • 密钥查找
    • SecurityKey查找
    • 商户接入常见问题
    • 账户管理常见问题
    • 支付产品常见问题
    • 交易常见问题
    • 结算管理
    • 人民币结汇入境服务使用须知
  • 技术服务
  • 其他
    • 测试卡号
    • 收银台国际化
    • Shopify其他功能
      • Afterpay分期展示
      • Googlepay&Applepay名称修改
由 GitBook 提供支持
在本页
  • 1.选择主题
  • 2.搜索main-product
  • 效果图:

这有帮助吗?

  1. 其他
  2. Shopify其他功能

Afterpay分期展示

上一页Shopify其他功能下一页Googlepay&Applepay名称修改

最后更新于3个月前

这有帮助吗?

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>

<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>

效果图:

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

section.id