Integrating Ultimate Special Offers with your theme: Dynamic checkout buttons

Ultimate Special Offers lives and breathes on the cart page, but Shopify's dynamic checkout buttons (PayPal, Apple Pay, etc.) allow customers to bypass the cart page entirely. This means the app can’t properly apply your offers. You’ll need to disable dynamic checkout buttons in your theme editor to ensure customers can take advantage of your offers.

Disable dynamic checkout buttons

Go to your Shopify admin and click Online Store > Customize to get to your theme editor. Then look at the following areas to disable dynamic checkout buttons. (Note: This feature may be located in different sections than those outlined here, but these are the most common places to find it.)

1. Product pages

Go to one of your product pages in the theme editor, then click Product pages in the left sidebar to open its settings.

• If there is an option to enable dynamic checkout buttons, leave the box unchecked so that the option is disabled, as in our screenshot below.
• If you have enabled a quick shop feature, you may also have to enable the redirection in the quick shop settings of your theme.

2. Theme settings tab

Open your Theme settings tab and look for any of the following (again this will depend on what theme you use):

• Products: If your theme has a Products option here, make sure the Show dynamic checkout button checkbox is unchecked.
• Quick Shop: If your theme has a Quick shop option, make sure the Show dynamic checkout button checkbox is unchecked there as well, as this is usually separate from the product page settings. 

3. Home page sections

The following sections may have quick shop options that need to be redirected to the cart page:

• Featured collection
• Featured product

4. Cart page

You may also have a PayPal or other external checkout button on your cart page. They still need to be disabled because the app needs to connect your cart directly to the Shopify checkout in order to apply your offers.

You’ll need to hide these additional checkout buttons on your cart page, but leave them intact in your checkout so that customers can still use these payments options there. Follow along with the steps below, or reach out to our App Support team for help.

( Note: To ensure nothing on your site is lost, it’s a good idea to create a duplicate theme before you edit any code files. Check out Shopify’s instructions on duplicating themes.)  

1. From your Shopify Admin, click Online Store > Themes > Actions > Edit Code.
2. Open the Sections folder and click on the file called cart-template.liquid.
   • This may also be called static-cart.liquid, page-cart.liquid, or cart.liquid, depending on your theme.
3. Use your keyboard to Find (Command+F on a Mac, or Ctrl+F in Windows) the phrase “additional_checkout_buttons” and look for something like this:

{% if additional_checkout_buttons %} <div>
  {{ content_for_additional_checkout_buttons }}
 </div>
{% endif %}

4. Add

   {% comment %}

   to the line above the snippet, and

   {% endcomment %}	

   to the line below the snippet to hide the buttons. Here's how the above block of code would appear after adding these lines of code: 

{% comment %}<br> {% if additional_checkout_buttons %}
  <div>
   {{ content_for_additional_checkout_buttons }}
  </div>
 {% endif %}
{% endcomment %}	

Previous article

How to integrate Ultimate Special Offers with your theme: Redirecting to the Cart.