Add prebuilt sections - Revision history

An: /* How to add a section preset into your theme */

2026-03-29T10:01:52Z

How to add a section preset into your theme

← Older revision		Revision as of 10:01, 29 March 2026
Line 42:		Line 42:
	*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.		*'''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).		:For each section, make sure you add and configure the '''[[Add section settings#Step 1: Add Section Settings block\|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}}		:{{Note\|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. \|inline}}

An: /* How to add a section preset into your theme */

2025-07-29T06:51:16Z

How to add a section preset into your theme

← Older revision		Revision as of 06:51, 29 July 2025
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?'''

An at 04:58, 20 May 2025

2025-05-20T04:58:23Z

← Older revision		Revision as of 04:58, 20 May 2025
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]].

An: /* How to add a section preset into your theme */

2025-05-20T04:55:50Z

How to add a section preset into your theme

← Older revision		Revision as of 04:55, 20 May 2025
Line 41:		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.

	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).		: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}}		:{{Note\|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. \|inline}}

An: /* How to add a section preset into your theme */

2025-05-20T04:54:56Z

How to add a section preset into your theme

← Older revision		Revision as of 04:54, 20 May 2025
Line 40:		Line 40:

	*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.		*'''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).

	:{{Note\|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. \|inline}}		:{{Note\|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. \|inline}}

An: /* How to add a section preset into your theme */

2025-05-20T04:50:57Z

How to add a section preset into your theme

← Older revision		Revision as of 04:50, 20 May 2025
Line 37:		Line 37:
	:{{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}}

	:{{Note\|Want to create a custom template? Learn more		:{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}

	:[[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}

	*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.		*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.

An: /* How to add a section preset into your theme */

2025-05-20T04:49:43Z

How to add a section preset into your theme

← Older revision		Revision as of 04:49, 20 May 2025
Line 29:		Line 29:
	: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.

	'''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}}

An: /* How to add a section preset into your theme */

2025-05-20T04:48:59Z

How to add a section preset into your theme

← Older revision		Revision as of 04:48, 20 May 2025
Line 37:		Line 37:
	:{{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}}

	:{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}		:{{Note\|Want to create a custom template? Learn more

			:[[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}

	*'''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}}		:{{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]]

An: /* How to add a section preset into your theme */

2025-05-20T04:48:27Z

How to add a section preset into your theme

← Older revision		Revision as of 04:48, 20 May 2025
Line 35:		Line 35:
	*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}}

	{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}		:{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}

	*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.		*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.

An: /* Add section presets */

2025-05-20T04:47:10Z

Add section presets

← Older revision		Revision as of 04:48, 20 May 2025
Line 37:		Line 37:
	:{{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}}

	:{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}		:{{Note\|Want to create a custom template? Learn more

			:[[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}

	*'''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}}		:{{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]]

← Older revision		Revision as of 04:47, 20 May 2025
Line 21:		Line 21:
	*'''Step 2''': Find your desired section preset and click '''Add to Template''' to add it to your template.		*'''Step 2''': Find your desired section preset and click '''Add to Template''' to add it to your template.

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

	*'''Step 3''': Select the Template where you want to add the section preset		*'''Step 3''': Select the Template where you want to add the section preset

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

	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.

	'''How to check which templates are applied to which pages?'''		'''How to check which templates are applied to which pages?'''
Line 36:		Line 37:
	{{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}}

	{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}		{{Note\|Want to create a custom template? Learn more [[Create_Template_Apply_to_Multiple_Pages\|here]].\|inline}}

	*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.		*'''Step 4''': Add, edit, reorder sections and blocks in your Theme Editor.
	~~[[File:Ecb section preset 4.jpg\|frameless\|800x800px]]~~{{Note\|IMPORTANT: You can add up to '''25 sections per template'''. Each section can include '''multiple blocks'''. \|inline}}		{{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]]

	===Create your custom sections from scratch===		===Create your custom sections from scratch===
	To create your own custom section from scratch, learn more [[Add_section_settings\|here]].		To create your own custom section from scratch, learn more [[Add_section_settings\|here]].