Clean Template: Difference between revisions

From Posstack.com Documentation
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
== What is A Clean Template ==
== What is A Clean Template ==
A Clean template is a clone of the default templates of your current theme that hides specific sections (You decide which section to show/hide).   
A Clean template in Easy Content Builder refers to a clone of the [[Default Template|default templates]] of your current theme that hides specific sections (You decide which section to show/hide).   


It is perfect if you want to exclude content blocks of the default templates and only show up the new content blocks added using the Easy Content Builder.
'''Why a Clean template:''' 
 
* Help you avoid a repetitive task (removing the default sections) when creating new templates or editing templates migrated from an old theme.
* You can use a Clean template as a base template instead of using the Default template when creating a new template or migrating a template.
* When creating a new template, you have complete control to keep/remove any Sections from the Default template.


Creating a clean template is optional though.    
Creating a clean template is optional though.    


If you do not create a Clean template, all content blocks added using the Easy Content Builder will appear at the bottom of the pages (below the default content blocks of your current page).  
{{Note|If you do not create a Clean template, all content blocks added using the Easy Content Builder will appear at the bottom of the pages (below the default content blocks of your current page).|inline}}
 
[[File:Ecb template anatomy 3.jpg|1200px]]


[[File:Ecb template anatomy 3.jpg|1000x1000px]]
'''The difference between the Default template and the Clean template:'''[[File:Default vs clean templates.jpg|1290x1290px]]


== How to create a Clean template ==
== How to create a Clean template ==
You need to create a separate Clean template for each type of page: '''product page''', '''webpage page''', and '''blog post page'''. Once created, the Clean template files will come with the '''.clean''' suffix (''product.clean.json'', ''page.clean.json'', ''article.clean.json'').  
You need to create a separate Clean template for each type of page: '''product page''', '''webpage page''', and '''blog post page'''. Once created, the Clean template files will come with the '''.clean''' suffix (''product.clean.json'', ''page.clean.json'', ''article.clean.json'').  
 
{{Note|Note: For each type of page (Product page, Webpage, Blog Post page), you just need one Clean template only. If a Clean template for the product pages does exist, please discard ''Step - Create a Clean template for Product pages''. The same rule applies to other types of pages - Webpages and Blog Post pages. |reminder}}
'''Create a Clean template for products:'''  
'''Create a Clean template for products:'''  
*From your Shopify admin, click '''Online Store''' > '''Themes.'''
*From your Shopify admin, click '''Online Store''' > '''Themes.'''
*Find your current theme, and then click '''Customize'''.  
*Find your current theme, and then click '''Customize'''.  
*From the Shopify Theme editor, tab '''Products''' > click '''Create''' template in the dropdown menu.
*From the Shopify Theme editor, tab '''Products''' > click '''Create''' '''template''' in the dropdown menu.
: [[File:Create Clean template.jpg|1000x1000px]]
: [[File:Create Clean template.jpg|1200px]]
*Then enter '''''clean''''' to the '''Name field''' & set the '''''Based on''''' to '''Default page'''''.''
*Then enter '''''clean''''' to the '''Name field''' & set the '''''Based on''''' to '''Default product'''''.''
: [[File:Create Clean template config.jpg|1000x1000px]]
: [[File:Create Clean template config.jpg|1200px]]


'''Similarly, to create a Clean template for Pages:'''  
'''Similarly, to create a Clean template for Pages:'''  
*From your Shopify admin, click '''Online Store''' > '''Themes.'''
*From your Shopify admin, click '''Online Store''' > '''Themes.'''
*Find your current theme, and then click '''Customize'''.  
*Find your current theme, and then click '''Customize'''.  
*From the Shopify Theme editor, tab Products > click '''Create''' template in the dropdown menu.
*From the Shopify Theme editor, tab Products > click '''Create''' '''template''' in the dropdown menu.
*Then enter '''''clean''''' to the '''Name field''' & set the '''Based on''' to '''Default page.'''  
*Then enter '''''clean''''' to the '''Name field''' & set the '''Based on''' to '''Default page.'''  


Line 30: Line 36:
*From your Shopify admin, click '''Online Store''' > '''Themes.'''
*From your Shopify admin, click '''Online Store''' > '''Themes.'''
*Find your current theme, and then click '''Customize'''.  
*Find your current theme, and then click '''Customize'''.  
*From the Shopify Theme editor, tab Products > click '''Create''' template in the dropdown menu.
*From the Shopify Theme editor, tab Products > click '''Create''' '''template''' in the dropdown menu.
*Then enter '''''clean''''' to the '''Name field''' & set the '''Based on''' to '''Default Blog Post.'''
*Then enter '''''clean''''' to the '''Name field''' & set the '''Based on''' to '''Default Blog.'''
 
== How to disable/remove sections in a Clean template ==


Steps above are aimed at creating a template with .clean suffix (product.clean.json, page.clean.json, article.clean.json) so that these page types can remove those default sections before performing the migration.
* From your Shopify admin, click Online Store > '''Themes'''.
* Find your current theme, and then click '''Customize'''.
* From the Shopify Theme editor, tab Products (Pages or Blog Posts) > click '''clean''' template
* Click any section on the sidebar that you want to disable, then click the eye icon to hide or unhide a section. [[File:Edit clean template.jpg|1000x1000px]]
* (Optional) To remove a section, click a section and click '''Remove section''' at the bottom of the sidebar.  
: Note: Shopify does not allow you to remove some core sections, you can only hide them instead. [[File:Product clean delete.jpg|1000x1000px]]


== FAQs ==
== FAQs ==
'''Q. When should I use a Clean Template?'''  
'''Q. When should I use a Clean Template?'''  


A. It's perfect if you want to create a new template or migrate content blocks to a new theme without any default sections from your current theme.
A. It’s a good idea to create Clean Templates if you want to create a new template or migrate content blocks to a new theme without any default sections from your current theme.  


'''Q. Do I need to create a Clean template one time only?'''  
'''Q. Do I need to create a Clean template one time only?'''  
Line 46: Line 59:
'''Q. When editing a product/page/blog post page, can I switch my existing page to a Clean template via the Theme Template dropdown?'''  
'''Q. When editing a product/page/blog post page, can I switch my existing page to a Clean template via the Theme Template dropdown?'''  


A. No, you should create and manage Clean Template via the Easy Content Builder dashboard only.
A. No, you should create and manage the Clean Templates via the Shopify Theme Editor only (as instructed above).

Latest revision as of 09:25, 31 May 2024

What is A Clean Template

A Clean template in Easy Content Builder refers to a clone of the default templates of your current theme that hides specific sections (You decide which section to show/hide).

Why a Clean template:

  • Help you avoid a repetitive task (removing the default sections) when creating new templates or editing templates migrated from an old theme.
  • You can use a Clean template as a base template instead of using the Default template when creating a new template or migrating a template.
  • When creating a new template, you have complete control to keep/remove any Sections from the Default template.

Creating a clean template is optional though.  

If you do not create a Clean template, all content blocks added using the Easy Content Builder will appear at the bottom of the pages (below the default content blocks of your current page).

Ecb template anatomy 3.jpg

The difference between the Default template and the Clean template:Default vs clean templates.jpg

How to create a Clean template

You need to create a separate Clean template for each type of page: product page, webpage page, and blog post page. Once created, the Clean template files will come with the .clean suffix (product.clean.json, page.clean.json, article.clean.json).

Note: For each type of page (Product page, Webpage, Blog Post page), you just need one Clean template only. If a Clean template for the product pages does exist, please discard Step - Create a Clean template for Product pages. The same rule applies to other types of pages - Webpages and Blog Post pages.

Create a Clean template for products:

  • From your Shopify admin, click Online Store > Themes.
  • Find your current theme, and then click Customize.
  • From the Shopify Theme editor, tab Products > click Create template in the dropdown menu.
Create Clean template.jpg
  • Then enter clean to the Name field & set the Based on to Default product.
Create Clean template config.jpg

Similarly, to create a Clean template for Pages:

  • From your Shopify admin, click Online Store > Themes.
  • Find your current theme, and then click Customize.
  • From the Shopify Theme editor, tab Products > click Create template in the dropdown menu.
  • Then enter clean to the Name field & set the Based on to Default page.

And, to ceate a Clean template for Blog Posts:

  • From your Shopify admin, click Online Store > Themes.
  • Find your current theme, and then click Customize.
  • From the Shopify Theme editor, tab Products > click Create template in the dropdown menu.
  • Then enter clean to the Name field & set the Based on to Default Blog.

How to disable/remove sections in a Clean template

  • From your Shopify admin, click Online Store > Themes.
  • Find your current theme, and then click Customize.
  • From the Shopify Theme editor, tab Products (Pages or Blog Posts) > click clean template
  • Click any section on the sidebar that you want to disable, then click the eye icon to hide or unhide a section. Edit clean template.jpg
  • (Optional) To remove a section, click a section and click Remove section at the bottom of the sidebar.
Note: Shopify does not allow you to remove some core sections, you can only hide them instead. Product clean delete.jpg

FAQs

Q. When should I use a Clean Template?

A. It’s a good idea to create Clean Templates if you want to create a new template or migrate content blocks to a new theme without any default sections from your current theme.

Q. Do I need to create a Clean template one time only?

A. Yes, you just need to create a single Clean Template for each page type (Product/Page/Blog Post) once only.

Q. When editing a product/page/blog post page, can I switch my existing page to a Clean template via the Theme Template dropdown?

A. No, you should create and manage the Clean Templates via the Shopify Theme Editor only (as instructed above).