Customize standard pages: Difference between revisions

From Posstack.com Documentations
mNo edit summary
 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{DISPLAYTITLE:Customize Homepage, Collection page}}
{{DISPLAYTITLE:Customize Homepage, Collection page}}


This guide explains how to create a template (for '''Product''', '''Blog Post''', or '''Store Pages''') and apply it to <u>multiple pages in bulk</u>.
This guide explains how to customize your Shopify standard pages like Homepage, Collection, etc.
{{Note|Related Guides:
*[[Create_Template_Apply_to_Multiple_Pages|How to create a template for multiple pages]] (product/blog post/pages).<br/>
*[[Create_Template_Apply_to_One_Page|How to create a template for a single page]] (product, blog post, pages).
*[[Create_MetaObjects|How to create a Metaobjects template]]|reminder}}
 
==Customize your Homepage==


{{Note|The setup steps are the same for all page types: Product, Article, or Store page.|inline}}
'''Step Overview:'''
* Edit the Homepage template
* Add sections to the Homepage template.


'''Step overview:'''
=====Customize your Homepage=====
*From your Shopify admin, go to Online Store > '''Themes'''.
*Find the theme you want to edit, then click '''Customize'''.
*From the dropdown menu in the Theme Editor, click '''Homepage''' and start adding the prebuilt sections that Easy Content provides.
:[[File:Select-template-themeeditor.jpg|frameless|1024x1024px]]


{{Note|This guide explains how to customize your Shopify standard pages like Homepage, Collection, etc. |inline}}
=====Add Sections=====
{{Note|Related Guides:
It's time to begin adding sections to your Homepage template. Find out [[Add_section_settings|how to add your first section here]].
*[[Create Template For Multiple Pages|How to create a custom template for multiple pages (product/blog post/pages)]].<br/>
*[[Create_Template_For_Single_Page|How to create a custom template for a single page (product, blog post, etc.)]].
*[[Create_MetaObjects|How to create a Metaobjects template]]|reminder}}


===Steps to customize your Homepage:===
==Customize your Collection page==
'''Step overviews:'''
* Edit the default Collection page
* Create a new template for a specific Collection.
* Add sections to the Collection page


====How it works:====
=====Customize the default Collection page=====
*From your Shopify admin, go to Online Store > '''Themes'''.
*From your Shopify admin, go to '''Online Store''' > '''Themes'''.
*Find the theme you want to edit, then click '''Customize'''.
*Find the theme you want to edit, then click '''Customize'''.
:[[File:Ecb-customize.png|border|frameless|800x800px]]
:[[File:Ecb-customize.png|border|frameless|800x800px]]
*From the dropdown menu in the Theme Editor, click '''Homepage''' and start adding the prebuilt sections that Easy Content provides.
*From the dropdown menu in the Theme Editor, click the '''Collections''', then click on '''Default Collection'''.
:[[File:Ecb-customize-home.png|border|frameless|800x800px]]
:{{Note|'''Note''': Any changes you made to the default template will be applied to all collections by default. |reminder}}
*Now, you can add sections to the template (following the '''Add Sections''' step below).
 
=====Create a new template for a specific Collection=====
{{Note|'''Note''': Create a new template if you want to create a different look and feel for specific collections. |inline}}
 
*From your Shopify admin, go to '''Online Store''' > '''Themes'''.
*Find the theme you want to edit, then click '''Customize'''.
*From the dropdown menu in the Theme Editor, click the '''Collections''', then scroll down and click '''Create Template''' (to create your new Collection template).
:[[File:Ecb-customize-collection.png|border|frameless|800x800px]]  
*Next, fill in the '''Name''' and '''Based on''' fields.
:[[File:Ecb-collection-new-template-form.png|border|frameless|800x800px]]
*Then, start customizing your template in your Shopify theme editor.
:{{Note|'''Note 1''': You need to assign the new template to your chosen collections, as illustrated in the screenshot below.[[File:Customize-collection.jpg|frameless|1024x1024px]]|inline}}
:{{Note|'''Note 2''': You can always go back to edit the templates you created before: Click Apps > Easy Content Builder > Manage Templates > find and click '''Customize''' to edit the template that you want.|inline}}
 
=====Add Sections=====
It's time to begin adding sections to your Collection page template. Find out [[Add_section_settings|how to add your first section here]].
 
==Next Step==
* Learn more [[Section_Settings#Multi-column_Layout_Setup|Multi-column Layout examples]].

Latest revision as of 04:06, 31 May 2024


This guide explains how to customize your Shopify standard pages like Homepage, Collection, etc.

Related Guides:

Customize your Homepage

Step Overview:

  • Edit the Homepage template
  • Add sections to the Homepage template.
Customize your Homepage
  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, then click Customize.
  • From the dropdown menu in the Theme Editor, click Homepage and start adding the prebuilt sections that Easy Content provides.
Select-template-themeeditor.jpg
Add Sections

It's time to begin adding sections to your Homepage template. Find out how to add your first section here.

Customize your Collection page

Step overviews:

  • Edit the default Collection page
  • Create a new template for a specific Collection.
  • Add sections to the Collection page
Customize the default Collection page
  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, then click Customize.
Ecb-customize.png
  • From the dropdown menu in the Theme Editor, click the Collections, then click on Default Collection.
Note: Any changes you made to the default template will be applied to all collections by default.
  • Now, you can add sections to the template (following the Add Sections step below).
Create a new template for a specific Collection
Note: Create a new template if you want to create a different look and feel for specific collections.
  • From your Shopify admin, go to Online Store > Themes.
  • Find the theme you want to edit, then click Customize.
  • From the dropdown menu in the Theme Editor, click the Collections, then scroll down and click Create Template (to create your new Collection template).
Ecb-customize-collection.png
  • Next, fill in the Name and Based on fields.
Ecb-collection-new-template-form.png
  • Then, start customizing your template in your Shopify theme editor.
Note 1: You need to assign the new template to your chosen collections, as illustrated in the screenshot below.Customize-collection.jpg
Note 2: You can always go back to edit the templates you created before: Click Apps > Easy Content Builder > Manage Templates > find and click Customize to edit the template that you want.
Add Sections

It's time to begin adding sections to your Collection page template. Find out how to add your first section here.

Next Step

Retrieved from "https://docs.posstack.com/index.php?title=Customize_standard_pages&oldid=2176"