Hide Dynamic Checkout Buttons on Product Pages on Shopify

Ken
Ken September 19, 2018

Share:

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:

Google Tag Manager for Enchanced eCommerce and improved Shopify performence store

Get it FREE

Themes

Find out what Shopify theme a website is using Build a Shopify theme from scratch About Us page templates & examples Install Shopify theme Shopify blog featured image size Add Products to Drop-down Menu in Shopify Add Sliders in Shopify To Add A Quickview to Shopify Store To add affiliate links to your Shopify store How to Add Fonts to Shopify Theme Add About us page in Shopify Remove Powered by Shopify from your Shopify store Create a Landing Page Backup Shopify theme What Programming Language Does Shopify use Put your Shopify store Under Construction Edit Checkout Page In Shopify Add Adsense to Shopify Change Shopify theme Remove Shopify Payment Icons from Store Footer Shopify Payment Icons Add a Logo to Shopify Store on all page Customize Shopify Themes Add Shop Now Button in Shopify Store Edit HTML Code Add Social Media Icons on Shopify store Edit Theme Code Change Language in Themes Register a Google Maps API Key Add Favicon Create Translation for Theme Choose Language for Theme Add Alt Text to Theme Image Edit the Code Templates for Password Page Hide Store Name on Password Page Hide Footer on Password Page Remove Content From Dynamic Section Add Google Maps API Key to Theme Edit Password Page Settings Remove Password Protection From Online Store Show Dynamic Checkout Buttons For Some Products but Not for Others Publish Themes from Theme Editor Publish Theme from Admin Add Password Set the Social Sharing Image Remove Dynamic Sections Rearrange Dynamic Sections Hide Dynamic Sections Add Dynamic Sections Add Google Translate Widget


Ken
Ken
Hi everyone! I'm Ken. I'm a Shopify Expert from Vietnam. I have more than 5 years of experience with Shopify Ecommerce Web design and I have been doing a lot of Shopify development.

Comments for Hide Dynamic Checkout Buttons on Product Pages



People also searched for

Subscribe

Stay in the know

Get special offers on the latest news from AVADA.

40k subscribers has been joined!

Earn $10 in reward now!

comment
iphone
go up