测试模板上的动态结账按钮

由于模板上显示的动态结账按钮类型取决于多种因素，因此您可以运行测试以便查看所有组合。在测试模板上的动态结账按钮之前，请确保已显示按钮。

步骤：

PC：

  1. 在 Shopify 后台中，转到在线商店 > 模板。

  1. 点击查看您的商店。

  2. 若要测试产品页面上的按钮，请转至产品页面。若要测试特色产品部分中的按钮，请停留在主页。

  3. 在浏览器的地址栏中，将下列字符串之一添加到当前 URL 的末尾：

    • 要显示 Amazon 的品牌按钮，请添加 ?shopify-debug=true&show=Amazon。

    • 若要显示 Apple Pay 的有品牌按钮，请添加 ?shopify-debug=true&show=ApplePay（Apple Pay 仅适用于 Safari）。

    • 要显示 Google Pay 的品牌按钮，请添加 add ?shopify-debug=true&show=Google。

    • 要显示 PayPal 的品牌按钮，请添加 ?shopify-debug=true&show=PayPal。

    • 要显示 Venmo 的品牌按钮，请添加 ?shopify-debug=true&show=Venmo。

    • 要显示无品牌按钮，请添加 ?shopify-debug=true&show=checkout。

  4. 按 Enter 重新加载页面。根据您添加到 URL 的字符串，您可以看到有品牌或无品牌动态结账按钮。

  5. 使用其他字符串重复此步骤，以查看不同类型的动态结账按钮。

苹果系统：

  1. 在 Shopify 应用中，轻触商店。

  2. 在销售渠道部分，轻触在线商店。

  3. 轻触管理模板。

  1. 点击查看您的商店。

  2. 若要测试产品页面上的按钮，请转至产品页面。若要测试特色产品部分中的按钮，请停留在主页。

  3. 在浏览器的地址栏中，将下列字符串之一添加到当前 URL 的末尾：

    • 要显示 Amazon 的品牌按钮，请添加 ?shopify-debug=true&show=Amazon。

    • 若要显示 Apple Pay 的有品牌按钮，请添加 ?shopify-debug=true&show=ApplePay（Apple Pay 仅适用于 Safari）。

    • 要显示 Google Pay 的品牌按钮，请添加 add ?shopify-debug=true&show=Google。

    • 要显示 PayPal 的品牌按钮，请添加 ?shopify-debug=true&show=PayPal。

    • 要显示 Venmo 的品牌按钮，请添加 ?shopify-debug=true&show=Venmo。

    • 要显示无品牌按钮，请添加 ?shopify-debug=true&show=checkout。

  4. 按 Enter 重新加载页面。根据您添加到 URL 的字符串，您可以看到有品牌或无品牌动态结账按钮。

  5. 使用其他字符串重复此步骤，以查看不同类型的动态结账按钮。

安卓系统：

  1. 在 Shopify 应用中，轻触商店。

  2. 在销售渠道部分，轻触在线商店。

  3. 轻触管理模板。

  1. 点击查看您的商店。

  2. 若要测试产品页面上的按钮，请转至产品页面。若要测试特色产品部分中的按钮，请停留在主页。

  3. 在浏览器的地址栏中，将下列字符串之一添加到当前 URL 的末尾：

    • 要显示 Amazon 的品牌按钮，请添加 ?shopify-debug=true&show=Amazon。

    • 若要显示 Apple Pay 的有品牌按钮，请添加 ?shopify-debug=true&show=ApplePay（Apple Pay 仅适用于 Safari）。

    • 要显示 Google Pay 的品牌按钮，请添加 add ?shopify-debug=true&show=Google。

    • 要显示 PayPal 的品牌按钮，请添加 ?shopify-debug=true&show=PayPal。

    • 要显示 Venmo 的品牌按钮，请添加 ?shopify-debug=true&show=Venmo。

    • 要显示无品牌按钮，请添加 ?shopify-debug=true&show=checkout。

  4. 按 Enter 重新加载页面。根据您添加到 URL 的字符串，您可以看到有品牌或无品牌动态结账按钮。

  5. 使用其他字符串重复此步骤，以查看不同类型的动态结账按钮。

显示某些产品的动态结账按钮，但不显示其他产品的动态结账按钮

如果您想要显示某些产品的动态结账按钮，但不显示其他产品的动态结账按钮，则可以创建替代模板。替代模板是复制的模板代码模板，您可以对其进行编辑，而不会影响原始模板。通过使用替代产品模板，您可以显示使用某一模板的产品的动态结账按钮，并隐藏使用其他模板的产品的动态结账按钮。

若要创建替代产品模板，请参阅创建新模板。

在创建替代产品模板并将替代产品模板分配给产品之后，您可显示或隐藏该产品的动态结账按钮。

步骤：

PC：

  1. 在 Shopify 后台中，转到在线商店 > 模板。

  1. 找到已为其创建替代模板的模板，然后点击自定义。

  2. 在模板编辑器中，转到已为其分配替代模板的产品的产品页面。

  3. 点击 产品页面 或 产品 部分。

  4. 要显示使用替代模板的产品的动态结账按钮，请选中 Show dynamic checkout button（显示动态结账按钮）。要隐藏使用替代模板的产品的动态结账按钮，请取消选中 Show dynamic checkout button（显示动态结账按钮）。

  5. 点击保存。 这些更改将应用于使用替代模板的任何产品。

苹果系统：

  1. 在 Shopify 应用中，轻触商店。

  2. 在销售渠道部分，轻触在线商店。

  3. 轻触管理模板。

  1. 找到已为其创建替代模板的模板，然后点击自定义。

  2. 在模板编辑器中，转到已为其分配替代模板的产品的产品页面。

  3. 点击 产品页面 或 产品 部分。

  4. 要显示使用替代模板的产品的动态结账按钮，请选中 Show dynamic checkout button（显示动态结账按钮）。要隐藏使用替代模板的产品的动态结账按钮，请取消选中 Show dynamic checkout button（显示动态结账按钮）。

  5. 点击保存。 这些更改将应用于使用替代模板的任何产品。

安卓系统：

  1. 在 Shopify 应用中，轻触商店。

  2. 在销售渠道部分，轻触在线商店。

  3. 轻触管理模板。

  1. 找到已为其创建替代模板的模板，然后点击自定义。

  2. 在模板编辑器中，转到已为其分配替代模板的产品的产品页面。

  3. 点击 产品页面 或 产品 部分。

  4. 要显示使用替代模板的产品的动态结账按钮，请选中 Show dynamic checkout button（显示动态结账按钮）。要隐藏使用替代模板的产品的动态结账按钮，请取消选中 Show dynamic checkout button（显示动态结账按钮）。

  5. 点击保存。 这些更改将应用于使用替代模板的任何产品。

Shopify商户官网原文详情：

Test dynamic checkout buttons on your theme

Because the kinds of dynamic checkout buttons that show on your theme depend on multiple factors, you can run a test so that you can see all of the combinations. Before you test dynamic checkout buttons on your theme, make sure that the buttons are showing.

Steps:

PC：

  1. From your Shopify admin, go to Online Store > Themes.

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home page.

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon.

    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari).

    • To show a branded button for Google Pay, add ?shopify-debug=true&show=Google.

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal.

    • To show a branded button for Venmo, add ?shopify-debug=true&show=Venmo.

    • To show an unbranded button, add ?shopify-debug=true&show=checkout.

  4. Press Enter to reload the page. Depending on the string that you added to the URL, you see either a branded or an unbranded dynamic checkout button.

  5. Repeat with the other strings to see the different types of dynamic checkout buttons.

iPhone：

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home page.

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon.

    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari).

    • To show a branded button for Google Pay, add ?shopify-debug=true&show=Google.

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal.

    • To show a branded button for Venmo, add ?shopify-debug=true&show=Venmo.

    • To show an unbranded button, add ?shopify-debug=true&show=checkout.

  4. Press Enter to reload the page. Depending on the string that you added to the URL, you see either a branded or an unbranded dynamic checkout button.

  5. Repeat with the other strings to see the different types of dynamic checkout buttons.

Android：

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Click View your store.

  2. To test the button on a product page, go to a product page. To test the button on a featured product section, stay on the home page.

  3. In your browser's address bar, add one of the following strings to the end of the current URL:

    • To show a branded button for Amazon, add ?shopify-debug=true&show=Amazon.

    • To show a branded button for Apple Pay, add ?shopify-debug=true&show=ApplePay (Apple Pay only works on Safari).

    • To show a branded button for Google Pay, add ?shopify-debug=true&show=Google.

    • To show a branded button for PayPal, add ?shopify-debug=true&show=PayPal.

    • To show a branded button for Venmo, add ?shopify-debug=true&show=Venmo.

    • To show an unbranded button, add ?shopify-debug=true&show=checkout.

  4. Press Enter to reload the page. Depending on the string that you added to the URL, you see either a branded or an unbranded dynamic checkout button.

  5. Repeat with the other strings to see the different types of dynamic checkout buttons.

Show dynamic checkout buttons for some products but not for others

If you want to show dynamic checkout buttons for some products but not for others, then you can create an alternate template. An alternate template is a duplicate theme code template that you can edit without affecting the original. By using an alternate product template, you can show dynamic checkout buttons for products that use one template and hide them for products that use the other.

To create an alternate product template, refer to Create a new template.

After you create an alternate product template and assign it to a product, you can show or hide dynamic checkout buttons for that product.

Steps:

PC：

  1. From your Shopify admin, go to Online Store > Themes.

  1. Find the theme for which you created an alternate template, and then click Customize.

  2. In the theme editor, go to the product page for a product to which you've assigned the alternate template.

  3. Click the Product pages or Product section.

  4. To show a dynamic checkout button for products that use the alternate template, check Show dynamic checkout button. To hide a dynamic checkout button for products that use the alternate template, uncheck Show dynamic checkout button.

  5. Click Save. The changes are applied to any product that uses the alternate template.

iPhone：

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Find the theme for which you created an alternate template, and then click Customize.

  2. In the theme editor, go to the product page for a product to which you've assigned the alternate template.

  3. Click the Product pages or Product section.

  4. To show a dynamic checkout button for products that use the alternate template, check Show dynamic checkout button. To hide a dynamic checkout button for products that use the alternate template, uncheck Show dynamic checkout button.

  5. Click Save. The changes are applied to any product that uses the alternate template.

Android;

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  1. Find the theme for which you created an alternate template, and then click Customize.

  2. In the theme editor, go to the product page for a product to which you've assigned the alternate template.

  3. Click the Product pages or Product section.

  4. To show a dynamic checkout button for products that use the alternate template, check Show dynamic checkout button. To hide a dynamic checkout button for products that use the alternate template, uncheck Show dynamic checkout button.

  5. Click Save. The changes are applied to any product that uses the alternate template.

文章内容来源：Shopify商户官方网站


（本文内容根据网络资料整理，出于传递更多信息之目的，不代表连连国际赞同其观点和立场）