Using ShineOn Starter Template

Shopify Default product page is great, although getting ShineOn input fields and functions to work with it can be tricky.

In this guide, I'll show you how to switch to ShineOn product page and how to enable your products input fields (useful for personalizations)

Here is the Github Page I mention in the video, though you can just copy & paste the words from this guide.

Sections and Templates

On Shopify admin dashboard, go to Online Store > Themes > Edit Code

1. 
2. 

From the editor, go to sections on the left side and select Add a new section.

For the file name, enter:

shineon-starter

After saving shineon-starter.liquid, go to templates and do the same thing for cart & product. Make sure that for the templates, you select .JSON

1. 
2. 
3. 

Then the same for product

1. 
2. 

Customize

Now that shineon-starter is enabled, we need to make sure it is configured properly. This is necessary, as there may be issues such as two product pages being enabled simultaneously. 

To check this, we'll need to customize our theme:

1. 
2. 

From here, go to your Home Page > Products > shineon-starter > choose a product

1. 
2. 
3. 

Once you've chosen a product, look to Template, on the left side, and hide Product Information.

1. 
2. 
3. 

After Product information is hidden (this is your default Shopify product page), we need to enable the ShineOn Product Page by adding it as a block. 

1. 
2. 

After ShineOn Product Page is installed and saved, preview a product to make sure it worked. 

I Need Help

If you need assistance with these steps, and would like to collaborate with a tech specialist, Contact Us through email or Live Chat with your Collaborator Code and store URL.