Note

If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.

Note

This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.

• Find out your theme's architecture version

• Explore Online Store 2.0 theme customizations

You can replace the Add to cart button with an email link or a contact form. For example, you might want to replace the Add to cart button for products that are not currently for sale, or for products that are made to order.

Sectioned and non-sectioned themes

Note

The steps for this tutorial differ depending on whether you are using a sectioned or a non-sectioned theme. A sectioned theme lets you drag and drop to arrange the layout of your home page, and a non-sectioned theme doesn't.

To figure out whether your theme supports sections, go to the theme's Edit code page. If there are files in the Sections directory, you are using a sectioned theme. Non-sectioned themes were released before October 2016, and do not have files in the Sections directory.

If you are using a sectioned theme, click the Sectioned themes button and follow the instructions. If you are using an older, non-sectioned theme, click the Non-sectioned themes button and follow the instructions.

Create a new product template in Narrative

To replace the Add to cart button for a product, you will need to create a custom product template for that product.

PC£º

1. From your Shopify admin, go to Online Store > Themes.

2. Find the theme you want to edit, and then click Actions > Edit code.

1. In the Templates directory, click Add a new template.

2. Create the product template:

1. From the drop-down menu, select product.

2. Name your template requires-contact.

3. Click Create template.

1. Find the following code:

   {% section 'product-template' %}

   Replace it with:

   {% section 'product-template-requires-contact' %}

   This code links your new template with a new product section that you will create in the next steps.

2. Click Save.

iPhone£º

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme you want to edit, and then click Actions > Edit code.

1. In the Templates directory, click Add a new template.

2. Create the product template:

1. From the drop-down menu, select product.

2. Name your template requires-contact.

3. Click Create template.

1. Find the following code:

   {% section 'product-template' %}

   Replace it with:

   {% section 'product-template-requires-contact' %}

   This code links your new template with a new product section that you will create in the next steps.

2. Click Save.

Android£º

1. From the Shopify app, tap Store.

2. In the Sales channels section, tap Online Store.

3. Tap Manage themes.

4. Find the theme you want to edit, and then click Actions > Edit code.

1. In the Templates directory, click Add a new template.

2. Create the product template: