Bigcommerce 结帐页面编辑答案

【问题标题】：Bigcommerce Checkout page editBigcommerce 结帐页面编辑
【发布时间】：2021-04-21 02:14:16
【问题描述】：

我在 bigcommerce 中使用 Valult 主题并想编辑结帐页面，因为我想重命名 a 按钮。我浏览了所有文件，但没有 html 检查我在结帐页面中发现了一个标签 {{{ checkout.checkout_content }}}，它正在渲染包含按钮的那部分。没有包含标签 html 的文件。此内容在 Inspect 元素中呈现，但当我查看页面源时，内容不存在。

我尝试使用 JS/JQ 更改按钮的名称，但它不起作用，因为该标记部分不会出现在源文件中，但不知何故它存在于检查元素中。

现在如何编辑按钮名称？

【问题讨论】：

标签： checkout bigcommerce

【解决方案1】：

结帐内容使用 React.js 呈现。编辑模板的唯一方法是构建自定义结帐。这在这里可能有点矫枉过正。要简单地编辑按钮的文本，您有几个选项。但是，最简单的方法是将翻译键添加到您的 en.json 语言文件并将值更改为所需的文本。

在您的主题文件中，导航到 en.json。找到这个文件的结尾，在最后一个右大括号之前，添加optimized_checkout 键以及您需要的任何值。例如，如果我想将“使用 PayPal 继续”按钮文本更改为“继续”，我会将 en.json 的最后两行替换为以下内容：

    },
    "optimized_checkout": {
        "payment": {
            "paypal_continue_action": "Continue"
        }
    }
}

这里有更多关于如何做到这一点的信息：https://developer.bigcommerce.com/stencil-docs/localization/multi-language-checkout

这里是优化结帐键使用的参考：https://github.com/bigcommerce/checkout-js/blob/master/src/app/locale/translations/en.json

【讨论】：