Home > Shopify Tutorials > Hide Dynamic Checkout Buttons on Featured Product Section

Hide Dynamic Checkout Buttons on Featured Product Section on Shopify

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

By Sam Nguyen

CEO Avada Commerce

This post is about how to hide dynamic checkout buttons on a featured product section on Shopify. In the previous post, I have shown you the way to hide dynamic checkout buttons on product pages. After reading that post, I suppose that you have understood the upsides of the dynamic checkout buttons.

However, this function also has some drawbacks. Firstly, dynamic checkout buttons may not suitable for your store in some situations, so before decided to display it on your page you need to consider some factors such as apps, cart attributes, or button text. Secondly, These buttons might conflict with some apps like Currency converters, or apps which interact with the cart.

Related Posts:

In the two cases above, hiding dynamic checkout buttons is necessary. So to help you to understand quickly, down here is the instruction on how to hide dynamic checkout buttons on a featured product section on Desktop, iPhone, and Android.

Step 1: Choose Themes section

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

How to hide dynamic checkout buttons on a featured product section 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: Click Sections

On the left-hand side of the screen, click on Sections.

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

Step 4: Select Feature product section

You will see the Feature product section inside that section. Click on it.

Step 5: Hide dynamic checkout button

In the Feature product toolbar, find Show dynamic checkout button and uncheck it.

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

Step 6: Save featured product section

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

To hide dynamic checkout buttons on a featured product section 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: Tap Section In the preview screen, tap Section.

  • Step 6: Tap Feature product Scroll down to find the Feature product section and tap on it. If you have not found it, you just need to tap at Add section and at it to your Preview screen.

  • Step 7: Uncheck Show dynamic checkout button In this step, find Show dynamic checkout button which is in the Feature product section, and unchecks it.

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

To hide dynamic checkout buttons on a featured product section 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: Tap Section In the preview screen, tap Section.

    How to hide dynamic checkout buttons on product pages on Android 5
  • Step 6: Tap Feature product Scroll down to find the Feature product section and tap on it. If you have not found it, you just need to tap at Add section and add it to your Preview screen.

    How to hide dynamic checkout buttons on product pages on Android 6
  • Step 7: Uncheck Show dynamic checkout button In this step, find Show dynamic checkout button which is in the Feature product section, and unchecks it.

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

Conclusion

In here are some steps on how to hide dynamic checkout buttons on a featured product section on Shopify. I hope that the above tutorial will help you and your crew know how to apply this function most efficiently.


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