Set up infinite options manually on Online Store 1.0
This article applies to Simple Bundles 1.0. If you're using Simple Bundles 2.0, refer to How to build an Infinite Options Bundle in Simple Bundles 2.0.
If your store uses a Shopify Online Store 1.0 (vintage) theme, you can't add the Simple Bundles infinite options selector as an app block, so you set it up in your theme code instead. You add a Simple Bundles product template and an options snippet, then switch your infinite options bundle product to the new template.
If your theme is an Online Store 2.0 theme, use the app block instead. See Set up infinite options on Online Store 2.0.
Note: Create your infinite options bundle in Simple Bundles first. You can also reach these instructions from the app: go to Preferences, click Edit in the Theme preferences section, and choose Use infinite options on Online Store 1.0 themes. The Edit theme code button there opens your theme code.
How do I set up infinite options on a vintage theme?
Before you start, duplicate your theme so you have a backup. To open the code editor, go to Online Store > Themes in your Shopify admin, click the ... button next to your theme, then click Edit code.
Step 1: Create the simple-bundles product template
- In the Templates folder, duplicate product.liquid.
- Name the copy product.simple-bundles.liquid, in the same folder.
This adds a new product template, so each product can use either the default template or the simple-bundles template.
Step 2: Add the Simple Bundles code to the template
Copy the code below and paste it at the bottom of product.simple-bundles.liquid.
Step 3: Create the simple-bundles-options snippet
- In the Snippets folder, create a new file named simple-bundles-options.liquid.
- Paste the following code into the file and save it.
Step 4: Switch the bundle product to the simple-bundles template
- In your Shopify admin, open the bundle product.
- In the Theme template section, select simple-bundles.
- Click Save.
The option dropdowns now appear on the bundle's product page.
What if the options don't show on the product page?
If the dropdowns don't appear, or you want them in a different spot, place this container where you want the options to render:
Add it to product.simple-bundles.liquid (or the product section it loads), anywhere inside the product form shown below:
If you have any questions, contact our team and we'll help you get set up.
Does Simple Bundles 2.0 handle this differently?
In 2.0, you add the infinite options selector with the Simple Bundles app block in the theme editor. App blocks need an Online Store 2.0 theme. 2.0 also uses Shopify's Cart Transform API to break bundles down at checkout. See How to build an Infinite Options Bundle in Simple Bundles 2.0.
Related articles
Example: Creating an infinite options bundle
Bundle type: Infinite options bundle | add unlimited bundle options without variants
Set up infinite options on Online Store 2.0
How does the Simple Bundles app affect my Shopify store and theme?