Kickstand Theme Install (basic)

This article explains how to properly install Product Customizer into a shop using the Kickstand theme. In the case of the Kickstand theme, you will need to insert two lines of code: one into the product template and another into the cart template, as explained below.

In your Shopify Admin, click "Themes", and click on the "..." menu for your theme. You can then click Edit HTML / CSS. This will let you edit your theme and add these snippets.

We have some code samples to guide you below. Please note the following:

  • Lines highlighted in red / beginning with a "-" symbol show you what to remove (if needed).
  • Lines highlighted in green / beginning with a "+" symbol show you what to add.
  • DO NOT include "+" or "-" signs if you copy / paste this code into your theme.

If you experience any difficulties with the installation of the app, please contact us and we'll be happy to assist!

Modify the following files:

Product.liquid

Go to the Templates > product.liquid file in the theme. This is what adds product pages, so we'll do our installation here. Add this code in the "add-to-cart" form:

{% include 'product-customizer' %}

Click to jump right to the location to view the best place to insert this snippet:

Cart.liquid

To find your cart template, go to the "Templates" folder in your theme. Click on Templates > cart.liquid to edit this file. You'll need to add one line into your cart.liquid template to support displaying options in your cart:

{% include 'product-customizer-helper' %}

Click to jump right to the location to view the best place to insert this snippet:

Still need help? Contact Us Contact Us