Add prebuilt sections: Difference between revisions

From Posstack.com Documentation
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{DISPLAYTITLE:Add Your First Section}}
{{DISPLAYTITLE:Add Prebuilt Sections}}


This guide explains how to add prebuilt sections to your pages. To create a new custom page, check out this guide: [[Create_Template_Apply_to_Multiple_Pages|Create a template]].
This guide explains how to add prebuilt sections to your pages. To create a new custom page, check out this guide: [[Create_Template_Apply_to_Multiple_Pages|Create a template]].
Line 28: Line 28:


:Templates are saved combinations of sections and settings that control the look, layout, and content of your store's pages. What templates and sections are available depends on the theme you use.  
:Templates are saved combinations of sections and settings that control the look, layout, and content of your store's pages. What templates and sections are available depends on the theme you use.  
:{{Note| To add the prebuilt section to your Homepage, select '''index''' from the drop-down menu (the '''Index''' refers to the homepage template).|reminder}}


'''How to check which templates are applied to which pages?'''  
:'''How to check which templates are applied to which pages?'''  


*Option 1: In the theme editor, you can find which templates are applied to which pages
:*Option 1: In the theme editor, you can find which templates are applied to which pages


*Option 2: Navigate to the specific page (product, collection, page, or blog post) in your Shopify admin, and check the bottom right section labeled '''Theme Template'''.
:*Option 2: Navigate to the specific page (product, collection, page, or blog post) in your Shopify admin, and check the bottom right section labeled '''Theme Template'''.


:{{Note|IMPORTANT: If you choose a default page template, any edits will apply to all pages using it. |reminder}}
:{{Note|IMPORTANT: If you choose a default page template, any edits will apply to all pages using it. |reminder}}
Line 40: Line 41:


*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.  
*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.  
{{Note|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. |inline}}
 
:For each section, make sure you add and configure the '''Section Settings''' block to control consistent global styles for that section (Multi-column Layouts, Colors, and Margin & Padding, etc). 
 
:{{Note|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. |inline}}


:[[File:Ecb section preset 4.jpg|frameless|800x800px]]
:[[File:Ecb section preset 4.jpg|frameless|800x800px]]

Latest revision as of 06:51, 29 July 2025


This guide explains how to add prebuilt sections to your pages. To create a new custom page, check out this guide: Create a template.

Choose how you want to add your first section to your theme:

  • Add section presets (from our 238+ section library)
  • Create your custom sections from scratch

Add section presets

What are section presets

Section presets are ready-made groups of blocks that you can use on any template. You can add up to 25 section presets to a template, and each section one contains multiple blocks that you can individually customize in terms of appearance, content, layout, and order.

Easy Content Builder offers over 238 section presets that cover all the key features your store might need, like Hero, Reviews, Benefits, How-to guides, FAQs, Social Feeds, Lookbooks, Marquees, Comparison Charts, Parallax, etc.

Ecb section preset 1.jpg

How to add a section preset into your theme

  • Step 1: Click Apps > Easy Content Builder > Browse Sections.
  • Step 2: Find your desired section preset and click Add to Template to add it to your template.
Ecb section preset 2.jpg
  • Step 3: Select the Template where you want to add the section preset
Ecb section preset 3.jpg
Templates are saved combinations of sections and settings that control the look, layout, and content of your store's pages. What templates and sections are available depends on the theme you use.
To add the prebuilt section to your Homepage, select index from the drop-down menu (the Index refers to the homepage template).
How to check which templates are applied to which pages?
  • Option 1: In the theme editor, you can find which templates are applied to which pages
  • Option 2: Navigate to the specific page (product, collection, page, or blog post) in your Shopify admin, and check the bottom right section labeled Theme Template.
IMPORTANT: If you choose a default page template, any edits will apply to all pages using it.
Want to create a custom template? Learn more here.
  • Step 4: Add, edit, reorder sections and blocks in your Theme Editor.
For each section, make sure you add and configure the Section Settings block to control consistent global styles for that section (Multi-column Layouts, Colors, and Margin & Padding, etc).
IMPORTANT: You can add up to 25 sections per template. Each section can include multiple blocks.
Ecb section preset 4.jpg

Create your custom sections from scratch

To create your own custom section from scratch, learn more here.

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