Home > Shopify Tutorials > Hide Dynamic Checkout Buttons on Product Pages

Hide Dynamic Checkout Buttons on Product Pages on Shopify

Last updated: August 01, 2024
Written and researched by experts at AvadaLearn more about our methodology

By Sam Nguyen

CEO Avada Commerce

Below are some steps that I have prepared for you on how to hide dynamic checkout buttons on product pages on Desktop, iPhone, and Android.

Beside Add to cart button which lets customers create a temporary item list and keep track of the items until they leave your page by adding them to their cart, Dynamic checkout button allows customers to go directly to the checkout without having to add products to their cart. This would help shorten the payment process and make customers feel convenient and comfortable.

How to hide dynamic checkout buttons on product pages

Step 1: Choose Themes from Shopify Admin

Go to your Shopify admin, choose the Themes section which is in the Online Store section.

How to hide dynamic checkout buttons on product pages on Desktop 1

Step 2: Click Customize

Scroll down to the More themes area, there is a list which includes all the themes that you have added. Click on the Customize button of the theme that you want to edit.

How to hide dynamic checkout buttons on product pages on Desktop 2

Step 3: Select Product pages

On the top of the screen, click on the ˅ button beside Home page, and you will see a drop-down list. Select Product pages.

How to hide dynamic checkout buttons on product pages on Desktop 3

Step 4: Select Product pages in Section

In the toolbar on the left-hand side of the screen,click Sections, and then select the Product pages section.

How to hide dynamic checkout buttons on product pages on Desktop 4

Step 5: Hide dynamic checkout button

Scroll down to the ADD TO CART BUTTON section, then you need to uncheck Show dynamic checkout button.

How to hide dynamic checkout buttons on product pages on Desktop 5

Step 6: Save product pages

Finally, click on the Save button to save your process.

To hide dynamic checkout buttons on product pages on iPhone (Click here)

  • Step 1: Tap Store Open your Shopify app, then tap Store.

  • Step 2: Select Online Store Scroll down to the Sales channels section. In this section, select Online Store.

  • Step 3: Choose Manage themes At the third step, you need to choose Manage themes.

  • Step 4: Tap Customize In this screen, you will see a list which includes all the themes you have added. Find the one that you want to edit and tap on the Customize button.

  • Step 5: Select Product pages Tap on Home page and a drop-down list will appear. In this list, you select Product pages.

  • Step 6: Tap Section On the Preview screen, tap Section.

  • Step 7: Tap Product pages Afterward, you need to tap Product pages which is in the Sections section.

  • Step 8: Uncheck Show dynamic checkout button Scroll down to the ADD TO CART BUTTON section, then you need to uncheck Show dynamic checkout button.

  • Step 9: Tap Save Finally, tap on the Save button to save your process.

To hide dynamic checkout buttons on product pages on Android (Click here)

  • Step 1: Tap Store Open your Shopify app, then tap Store.

    How to hide dynamic checkout buttons on product pages on Android 1
  • Step 2: Select Online Store Scroll down to the Sales channels section. In this section, select Online Store.

    How to hide dynamic checkout buttons on product pages on Android 2
  • Step 3: Choose Manage themes At the third step, you need to choose Manage themes.

    How to hide dynamic checkout buttons on product pages on Android 3
  • Step 4: Tap Customize In this screen, you will see a list which includes all the themes you have added. Find the one that you want to edit and tap on the Customize button.

    How to hide dynamic checkout buttons on product pages on Android 4
  • Step 5: Select Product pages Tap on Home page and a drop-down list will appear. In this list, you then select Product pages.

    How to hide dynamic checkout buttons on product pages on Android 5
  • Step 6: Tap Customize Then tap Customize to go to the Preview screen.

    How to hide dynamic checkout buttons on product pages on Android 6
  • Step 7: Select Product pages in Sections Afterward, you need to tap Product pages which is in the Sections section.

    How to hide dynamic checkout buttons on product pages on Android 7
  • Step 8: Uncheck Show dynamic checkout button Scroll down to the ADD TO CART BUTTON section, then you need to uncheck Show dynamic checkout button.

    How to hide dynamic checkout buttons on product pages on Android 8
  • Step 9: Tap Save Finally, tap on the Save button to save your process.

Conclusion

Above is the detail instruction that I have prepared for you on how to hide dynamic checkout buttons on product pages on Shopify. I hope that you will feel that this tutorial is helpful.

Related Posts:


Sam Nguyen is the CEO and founder of Avada Commerce, an e-commerce solution provider headquartered in Singapore. He is an expert on the Shopify e-commerce platform for online stores and retail point-of-sale systems. Sam loves talking about e-commerce and he aims to help over a million online businesses grow and thrive.

People also searched for