published February 19, 2020 | updated February 19, 2020
Many app installation processes will require that you find the product form to add some code. With this guide you should be able to find the illusive product form that is often quite hard to track down.
Newer Shopify themes use Sections that allow the merchant to customize the look and feel of their store using the Shopify admin area. If you are using a theme that you have purchased from a marketplace recently you are most likely using a sectioned theme.
If you have a custom theme it may be built in a more proprietory way, in this case it’s often best to contact your theme developers when making customizations to your theme.
1. Find your active theme
To edit your theme you will need to login to your Shopify admin, panel and navigate to Online Store > Themes. Here you will see your active theme and under the Actions menu is the Edit Code item you will need to edit your theme code. Click the Edit Code button to go through to the code editor.
2. Filter theme files
Once you are in the code editor that looks like the example below, you should filter all your theme files that contain the word “product” to find your product template. Your product template is the file in the templates folder called product.liquid.
If your theme has a file called ‘sections/product-template.liquid’ that will probably be the one you are looking for. If you have a ‘sections/product-form.liquid’ it will be that one. It can be different depending on your theme, but with a little trial and error you can normally find it quickly.
3. Find your form tag
Open this file and search using Ctrl+F on your keyboard (or command+F on a Mac). Enter form in the search box that pops up and cycle through those instances of form within the file to find the product form.
The product form will be HTML code or a liquid tag that looks like one of the following:
Paste the code you have been given on the next line and it will be within the form tag - your app is now installed.
There might be more than one product form tag in your template, so you may need to cycle through all the form instances on the page and paste the code into each one.
Look in other files
If you do not find the form tag in the first file you check, it may be in another file. Try any of the files you found when searching for in step 2.
If you still need help please contact us.