# Installing Infinite Options directly in the theme (1.0 theme)

If your theme does not support Shopify 2.0 app blocks, you will install Infinite Options by adding a small snippet of code directly into your product template. This tells your theme where to display your option fields.

If you are editing code for the first time, we recommend duplicating your theme before making any changes.

## Step 1: Open your theme code editor

1. From your Shopify admin, go to Online Store, then Themes.
2. Find your current theme.
3. Click Actions, then Edit code.

<figure><img src="/files/RlWESQtZVr8rd1r4yGj5" alt=""><figcaption></figcaption></figure>

## Step 2: Locate your product template

Different Shopify 1.0 themes use different file names for product templates. Look for one of the following:

• `main-product.liquid`\
• `product-template.liquid`\
• `product.liquid`

These files are usually located in:

• The Sections folder\
• The Templates folder

Open the file that contains your product form and buy button.

<figure><img src="/files/1V7cLKXEOvNlnSfY39XJ" alt=""><figcaption></figcaption></figure>

## Step 3: Find the product form

Use the search bar at the top of the code editor to search for:

```
{% form
```

This brings you to the product form section where Shopify loads variants, price, and the add to cart button. Infinite Options must be placed inside this form.

```
{% form 'product'
```

<figure><img src="/files/pWkregfb6FXPqLhpmM08" alt=""><figcaption></figcaption></figure>

## Step 4: Locate the quantity selector

Inside the product form, look for the quantity section. It often begins with:

```html
{% if section.settings.show_quantity_selector %}
```

This section is your reference point for installing the snippet.

## Step 5: Insert the Infinite Options snippet

Create a new line **above** the quantity selector and paste the following snippet:

```html
<div id="infiniteoptions-container"></div>
```

This tells your theme where to display your option fields on the product page.

## Step 6: Save your changes

Click Save in the upper right corner of the code editor.

***

## Step 7: Create and assign your options

Once the snippet is added, Infinite Options will load automatically on your product pages.\
\
You can now [begin creating and assigning Option Sets from the Infinite Options app.](/infinite-options/welcome/create-custom-options.md)

## Troubleshooting

**I cannot find my product template file**\
Try searching for these filenames: `main-product.liquid`, `product-template.liquid`, or `product.liquid`. Themes vary.

**I pasted the snippet but the options are not showing**\
Check the following:\
• The snippet is inside the product form\
• The snippet is above the quantity selector\
• You saved your changes\
• The correct product template is being used for the product you are testing

**My theme has multiple product templates**\
Open the product in Shopify and check its assigned template under the Theme template setting. Edit that specific file.

**I am uncomfortable editing code**\
Consider duplicating your theme first or reaching out to our support team for help.

***

## Summary

To install Infinite Options on a Shopify 1.0 theme:

1. Open Edit code
2. Find your product template
3. Search for the product form
4. Insert the snippet above the quantity selector
5. Save
6. Create and assign your options in the app

Your Infinite Options fields will now appear on the product page.<br>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shoppad.gitbook.io/infinite-options/welcome/install-infinite-options-on-a-specific-theme/installing-infinite-options-directly-in-the-theme-1.0-theme.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
