How to Disable the “Buy It Now” Button to Enable Point Redemption ?

Before You Start

• This feature is available on the Gold plan and above.
  
• If you haven't installed Ako Marketing yet, click here to install it and start your 14-day free trial.

Why you need to disable the “Buy It Now” button

• Ako Marketing’s Point Redemption Widget is installed on the cart page. If your store theme has a “Buy It Now” button on product pages or in cart drawers, customers may skip the cart page and go directly to checkout. This prevents them from using points at checkout.
  
  To ensure customers can apply points, you’ll need to disable or adjust the “Buy It Now” button depending on where it appears. Below are 4 common cases and how to handle them.

Scenario 1: Disable “Buy It Now” on the Product Page

1. In your Shopify admin, go to Online Store > Themes.
2. Click Customize on the theme you want to edit.
3. In the theme editor, open Products > Default product (or other product templates).
4. Under Product information, click Buy buttons.
5. Uncheck Show dynamic checkout button.
6. Click Save in the top-right corner.

Scenario 2: Switch to a Page-Style Cart

If your cart slides in from the side or pops up in the center, its checkout button usually sends customers straight to checkout.

1. Go to Theme > Customize > Theme settings.
2. Find the Cart type option.
3. Select Page and click Save.
   👉 If your theme doesn’t provide this option, check the theme’s documentation or contact the theme developer.

Scenario 3: Hide the Checkout Button in the Mini Cart (Example: Dawn theme)

1. In Online Store > Themes, click "⋯" > Edit code.
2. In the search bar, type cart. In Dawn, find cart-notification.liquid.
3. Wrap the <form> tag for the checkout button with comment tags <!-- -->.
   *Mac shortcut: Command ⌘ + /
   *Windows shortcut: Ctrl + /
4. Click Save and refresh your storefront to confirm the button is hidden.

Scenario 4: Redirect the Cart Drawer Checkout Button to the Cart Page (Example: Publisher theme)

1. In Online Store > Themes, click "⋯" > Edit code.
2. Search for cart. In Publisher, usually this button is located in the snippet cart-drawer.liquid. Use Command ⌘ + F or Ctrl + F to search for checkout.
3. Find the <button> element with name="checkout".
4. Remove type="submit" and name="checkout".
5. Wrap the button with an <a> tag linking to /cart:
   <a href="/cart" style="width:100%"> ... </a>
6. (Optional) Change the button text. For example, replace {{ 'sections.cart.checkout' | t }} with “View Cart.”
7. Click Save.

⚠️ These methods cover common themes. Actual code or settings may differ depending on your theme. If you’re unsure, please contact your theme developer for assistance.

For further assistance, feel free to reach out to us:
📧 service@akohub.com
📅 Schedule a 20-minute free consultation