自定义模板订单确认页面

Question

我已经搜索了几个小时，但没有得到任何有用的信息。

在 BigCommerce Stencil 主题中，是否可以 customize/create 为 order-confirmation.html 页面自定义模板？具体来说 {{checkout.order_confirmation_content}}

的内容

如果没有，是否有解决方法或其他方法？我的意思是必须有一种方法可以更改该页面的 HTML。

注意：

我想改变 HTML 而不仅仅是 CSS

Answer 1

目前，唯一支持编辑确认页面内容的结账流程是自定义单页结账（面向开发人员）。 Developer Checkout 可让您完全访问 html 的结帐和确认页面。您可以在控制面板中的“高级设置”>“结帐”下访问此设置。

启用后，导航至 Storefront>Checkout Template Files（您可能需要刷新才能看到此选项出现）。订单确认页面为order.html.

Answer 2

优化的单页结帐流程 /checkout/order-confirmation 支持通过向本地化添加语言字符串来自定义 theme\templates\pages\order-confirmation。html。

从 https://developer.bigcommerce.com/stencil-docs/localization/multi-language-checkout

获取 opt-checkout-en.json 的副本

{
    "optimized_checkout": {
        "order_confirmation": {
            "order_number_text": "Your order number is <strong>{orderNumber}</strong>",
            "order_pending_review_text": "Your order was sent to us but is currently awaiting payment. Once we receive the payment for your order, it will be completed. If you've already provided payment details then we will process your order manually and send you an email when it's completed.",
            "order_with_downloadable_digital_items_text": "You can download your digital purchases by clicking the links on this page, or by logging into your account at any time. There is also a download link in your confirmation email, which should be arriving shortly.",
            "order_with_support_number_text": "An email will be sent containing information about your purchase. If you have any questions about your purchase, email us at <a ng-href=\"mailto:{supportEmail}?Subject=Order {orderNumber}\" target=\"_top\">{supportEmail}</a> or call us at <a href=\"tel://{supportPhoneNumber}\">{supportPhoneNumber}</a>.",
            "order_without_downloadable_digital_items_text": "Once we receive your payment, we’ll send a confirmation email with a link to download your digital purchases.",
            "order_without_support_number_text": "An email will be sent containing information about your purchase. If you have any questions about your purchase, email us at <a ng-href=\"mailto:{supportEmail}?Subject=Order {orderNumber}\" target=\"_top\">{supportEmail}</a>.",
            "thank_you_customer_heading": "Thank you {name}!",
            "thank_you_heading": "Thank you!",
            "order_status_update_facebook_messenger_heading": "Get instant updates of your order to Messenger"
        }
    }
}

我不清楚 supportEmail 的来源。

自定义模板订单确认页面

Customize Stencil Order Confirmation page

e-commerce

bigcommerce

注意：