Shopify documentation for TTT calculator

shopify-documention.md

Shopify Documentation

Steps to integrate TTT calculator to shopify

Create the shoppify store in the shopify website and go to admin dashboard.

Go to themes page from side navbar -> select the actions dropdown and choose Edit code option.

Here we need to Create three templates and three pages (landing, questions, results)

Templates creation process

• Go to editor and select Add a new template button
• create a new tempalate for "page" (select the page option from the dropdown)
• give a template name and save the template

Create pages and assign the template for each page

• Go to side navbar and click the pages button
• click on "Add page" button
• add the title in the title text field
• set the template for that page (you can find the template dropdown right side)
• click on save button

Uploading assets, css, html files

• Go to edit code screen and upload all the css, js and assets files into assets folder in the theme.

• Copy the html files code in respective template files ({template-name}.liqued files)

• Update all the assets paths as in below format (shopify templating)

  href="{{ 'main.css' | asset_url }}" (Change image paths, js paths)

Finally go to pages screen -> select the landing page -> click on view page