Question

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

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

现在如何编辑按钮名称？

Answer 1

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

在您的主题文件中，导航到 en.json。找到该文件的结尾，在最后一个右大括号之前，添加 optimize_checkout 键以及您需要的任何值。例如，如果我想将“Continue with PayPal”按钮文本更改为“Continue”，我会将 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

Bigcommerce 结帐页面编辑

1 个答案: