...

How to Create Pages with an Offline Theme in Shopify

 

Objective

This SOP outlines the steps to create and manage templates in Shopify, ensuring that team members can effectively resolve issues related to offline template creation.

Key Steps

1. Identifying the Issue with Offline Templates

Watch from 0:11
generated-image-at-00:00:11
  • Understand that creating a template offline means it won’t be available on the Shopify backend.
  • Check if the created template appears in the Pages section.

2. Determine Shopify Version

Watch from 1:17
generated-image-at-00:01:17
  • Go to the live template in Shopify.
  • Navigate to Pages and check for the ‘Create Template’ option.
  • If available, you are using Shopify 2.0.

3. Creating a Template in Shopify 2.0

Watch from 1:36
generated-image-at-00:01:36
  • Create a new template with the same name as the offline template (e.g., TestM).
  • Save the template without recreating all previous work.

4. Previewing the Template

Watch from 2:15
generated-image-at-00:02:15
  • Click ‘View’ to preview the template.
  • Refresh the dashboard to see changes reflected.

5. Handling Shopify 1.0 Templates

Watch from 2:56
generated-image-at-00:02:56
  • If using a 1.0 template, you cannot create new pages from the team customizer.
  • Copy the text from the offline template to ensure format consistency.

6. Backup Before Editing

Watch from 3:43
generated-image-at-00:03:43
  • Always perform a backup before making changes to the code.
  • Click ‘Do Backup’ to save the current state.

7. Editing the Template Code

Watch from 4:07
generated-image-at-00:04:07
  • Open the Templates section in the code editor.
  • Create a new file named ‘page.TestM.liquid’ (replace ‘TestM’ with your template name).
  • Copy the default code from ‘page.liquid’ and paste it into your new file.

8. Saving the New Template

Watch from 5:46
generated-image-at-00:05:46
  • After pasting the code, click ‘Save’ to finalize the new template.

9. Creating Other Types of Templates

Watch from 6:09
generated-image-at-00:06:09
  • For products, use ‘product.’ instead of ‘page.’ in the file name.
  • For articles, use ‘article.’ and for blog listings, use ‘blog.’.

Cautionary Notes

  • Always ensure you are working on the correct version of Shopify to avoid compatibility issues.
  • Double-check the naming conventions to prevent overwriting existing templates.

Tips for Efficiency

  • Familiarize yourself with the Shopify interface to navigate quickly.
  • Keep a checklist of template names and their corresponding types to streamline the creation process.

Link to Loom

https://loom.com/share/6c38b9a3e1614c99ae7cdc6426d80553