Customize the Recurring Cart Widget's Default Selection

Using Bold Subscriptions V1 on the Recurring Cart Mode creates a widget on the cart page for customers to choose their subscription frequencies. This widget defaults to the one-time purchase selection, but you can change the default selection from one-time purchase to subscription using JavaScript.

This customization only works for stores using the Recurring Cart mode. All other cart modes have this option built into the subscription group.

This article is relevant to Subscriptions V1. If you have Subscriptions for Shopify Checkout on your store, please visit Subscriptions for Shopify Checkout Overview. If you are unsure of which version of Bold Subscriptions you have, please visit Identify Your Version of Bold Subscriptions

 


 

Setup

  1. From the Shopify admin, select Online Store.
  2. Select Actions.
  3. Select Edit.
  4. Under Snippets, select Add a new snippet.
  5. Enter boldsubs-btn-preselect as the snippet name, then select Create snippet.

    Subscriptions snippet

  6. Copy and paste the boldsubs-btn-preselect.liquid code into the new snippet file and select Save.

    Paste the code

  7. Under Layout, select theme.liquid.
  8. Directly below the Bold includes, insert the following line of code:
    {% include 'boldsubs-btn-preselect' %}

    Insert the code

  9. Select Save.

To test this, reload your product page and ensure that the default selection is now beside the Subscribe option.

Was this article helpful?
0 out of 0 found this helpful