Add Sections - Revision history

An: /* Step 1: Create a template */

2024-05-23T08:06:19Z

Step 1: Create a template

← Older revision		Revision as of 08:06, 23 May 2024
Line 18:		Line 18:
	* Create a template for <u>[[Create Template For Single Page\|a single page]]</u> (''Perfect for a unique landing page, lookbook, or long-form product page.'')		* Create a template for <u>[[Create Template For Single Page\|a single page]]</u> (''Perfect for a unique landing page, lookbook, or long-form product page.'')
	*Create a template for [[Template for Standard Pages\|standard pages]] (homepage, collection pages, etc.)		*Create a template for [[Template for Standard Pages\|standard pages]] (homepage, collection pages, etc.)
	*Or create a <u>metaobject template</u> (''Handy for building pages with fully custom data like '''Cooking Recipes''', '''FAQs''', '''Specs''', '''Artist profile''' pages, etc.''). If you're new to Shopify metaobject, check out what metaobject is and when to use it [https://posstack.com/resources/shopify-metaobject-templates here]		*Or create a <u>[[Create MetaObjects#How to create a metaobject template using Easy Content Builder\|metaobject template]]</u> (''Handy for building pages with fully custom data like '''Cooking Recipes''', '''FAQs''', '''Specs''', '''Artist profile''' pages, etc.''). If you're new to Shopify metaobject, check out what metaobject is and when to use it [https://posstack.com/resources/shopify-metaobject-templates here]

	==== Step 2: Create a Section Settings ====		==== Step 2: Create a Section Settings ====

An: /* Step 1: Create a template */

2024-05-23T08:05:10Z

Step 1: Create a template

← Older revision		Revision as of 08:05, 23 May 2024
Line 15:		Line 15:
	You can follow one of the guides below to create the first template, depending on which type of page you want to customize:		You can follow one of the guides below to create the first template, depending on which type of page you want to customize:

	*Create a template for <u>Multiple pages</u> (''Perfect for a group of products, pages, or articles that use the same template layout'')		*Create a template for <u>[[Create Template For Multiple Pages#Step 1: Create a new template\|Multiple pages]]</u> (''Perfect for a group of products, pages, or articles that use the same template layout'')
	* Create a template for <u>a single page</u> (''Perfect for a unique landing page, lookbook, or long-form product page.'')		* Create a template for <u>[[Create Template For Single Page\|a single page]]</u> (''Perfect for a unique landing page, lookbook, or long-form product page.'')
	*Create a template for standard pages (homepage, collection pages, etc.)		*Create a template for [[Template for Standard Pages\|standard pages]] (homepage, collection pages, etc.)
	*Or create a <u>metaobject template</u> (''Handy for building pages with fully custom data like '''Cooking Recipes''', '''FAQs''', '''Specs''', '''Artist profile''' pages, etc.''). If you're new to Shopify metaobject, check out what metaobject is and when to use it [https://posstack.com/resources/shopify-metaobject-templates here]		*Or create a <u>metaobject template</u> (''Handy for building pages with fully custom data like '''Cooking Recipes''', '''FAQs''', '''Specs''', '''Artist profile''' pages, etc.''). If you're new to Shopify metaobject, check out what metaobject is and when to use it [https://posstack.com/resources/shopify-metaobject-templates here]

An: /* Step 2: Create a Section Settings */

2024-02-26T02:34:41Z

Step 2: Create a Section Settings

← Older revision		Revision as of 02:34, 26 February 2024
Line 31:		Line 31:
	*Next, click on Section settings to open the section setting panel and configure the layout to your needs. The section settings will appear on the sidebar.		*Next, click on Section settings to open the section setting panel and configure the layout to your needs. The section settings will appear on the sidebar.
	*Optional: Click and drag the '''⋮⋮''' icon next to a section to rearrange the sections on your page. [[File:Add section order.jpg\|1000x1000px]]		*Optional: Click and drag the '''⋮⋮''' icon next to a section to rearrange the sections on your page. [[File:Add section order.jpg\|1000x1000px]]
	*Click '''Save'''to apply any changes you might make.		*Click '''Save''' to apply any changes you might make.

			:{{Note\|After adding a Section Settings, a blank section is added in the theme preview mode; however, no specific content is visible. Once you add the first content block (Add block > Apps > Select a section from the list), the new content block will appear in the preview. \|inline}}

	==== Step 3: Add content blocks ====		==== Step 3: Add content blocks ====

An: /* The basics */

2024-02-26T02:34:22Z

The basics

← Older revision		Revision as of 02:34, 26 February 2024
Line 6:		Line 6:

	You can add, reorder, delete, and hide these dynamic sections on every page template. You can further customize the section by editing its Settings.		You can add, reorder, delete, and hide these dynamic sections on every page template. You can further customize the section by editing its Settings.


	[[File:Shopify sections.jpg\|border\|frameless\|483x483px]]		[[File:Shopify sections.jpg\|border\|frameless\|483x483px]]

An: /* The basics */

2024-02-26T02:34:06Z

The basics

← Older revision		Revision as of 02:34, 26 February 2024
Line 5:		Line 5:
	Each template can have multiple sections. Each section is made up of blocks that can also be reordered, added, and removed within that section to create an ideal layout of the section itself.		Each template can have multiple sections. Each section is made up of blocks that can also be reordered, added, and removed within that section to create an ideal layout of the section itself.

	You can add, reorder, delete, and hide these dynamic sections on every page template. You can further customize the section by editing its Settings.		You can add, reorder, delete, and hide these dynamic sections on every page template. You can further customize the section by editing its Settings.

	[[File:Shopify sections.jpg\|border\|frameless\|483x483px]]		[[File:Shopify sections.jpg\|border\|frameless\|483x483px]]

	==Add a section==		==Add a section==

An: /* Step 3: Add content blocks */

2024-02-23T13:52:56Z

Step 3: Add content blocks

← Older revision		Revision as of 13:52, 23 February 2024
Line 36:		Line 36:

	{{Note\|See [https://easy-content-builder-demo.myshopify.com/pages/section-variations all content blocks] available that you can add to the section you've just created.\|reminder}}		{{Note\|See [https://easy-content-builder-demo.myshopify.com/pages/section-variations all content blocks] available that you can add to the section you've just created.\|reminder}}

			==Next step==
			*[[Section_Settings#Multi-column_Layout_Setup\|Multi-column Layout Setup]]

An: /* Step 2: Create a Section Settings */

2024-02-23T13:51:20Z

Step 2: Create a Section Settings

← Older revision		Revision as of 13:51, 23 February 2024
Line 20:		Line 20:
	{{Note\|Section Settings is a special block that Easy Content Builder provides to determine your ideal layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.) within the section itself.\|inline}}After creating a template, you should be redirected to the Theme Editor. Here, you can add a Section Settings block to the template you created.		{{Note\|Section Settings is a special block that Easy Content Builder provides to determine your ideal layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.) within the section itself.\|inline}}After creating a template, you should be redirected to the Theme Editor. Here, you can add a Section Settings block to the template you created.

	Alternatively, you can open the Theme Editor and a new ~~section settings~~ as follows:		Alternatively, you can open the Theme Editor and add a new Section Settings as follows:
	*From your Shopify admin, click Apps > '''Easy Content Builder'''		*From your Shopify admin, click Apps > '''Easy Content Builder'''
	*From the Easy Content Builder dashboard, click '''Manage Templates'''. Here you can delete a template or find the template that you want to edit, and then click '''Customize.'''		*From the Easy Content Builder dashboard, click '''Manage Templates'''. Here you can delete a template or find the template that you want to edit, and then click '''Customize.'''

An: /* Step 1: Create a template */

2024-02-23T13:49:19Z

Step 1: Create a template

← Older revision		Revision as of 13:49, 23 February 2024
Line 16:		Line 16:
	*Create a template for standard pages (homepage, collection pages, etc.)		*Create a template for standard pages (homepage, collection pages, etc.)
	*Or create a <u>metaobject template</u> (''Handy for building pages with fully custom data like '''Cooking Recipes''', '''FAQs''', '''Specs''', '''Artist profile''' pages, etc.''). If you're new to Shopify metaobject, check out what metaobject is and when to use it [https://posstack.com/resources/shopify-metaobject-templates here]		*Or create a <u>metaobject template</u> (''Handy for building pages with fully custom data like '''Cooking Recipes''', '''FAQs''', '''Specs''', '''Artist profile''' pages, etc.''). If you're new to Shopify metaobject, check out what metaobject is and when to use it [https://posstack.com/resources/shopify-metaobject-templates here]

	After creating a template, you should be redirected to the Theme Editor. Here, you can add a Section Settings block to the template you created.{{Note\|'''Note''': You can also open the Theme Editor of the specific template from the Easy Content Builder dashboard. Simply go to Shopify admin > Apps > Easy Content Builder > Manage Templates > select the template you want to edit and click '''Customize'''.
	~~'''To create a new section:''' \|inline}}~~

	==== Step 2: Create a Section Settings ====		==== Step 2: Create a Section Settings ====

An: /* Step 2: Create a Section Settings */

2024-02-23T13:48:56Z

Step 2: Create a Section Settings

← Older revision		Revision as of 13:48, 23 February 2024
Line 21:		Line 21:

	==== Step 2: Create a Section Settings ====		==== Step 2: Create a Section Settings ====
	{{Note\|Section Settings is a special block that Easy Content Builder provides to determine your ideal layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.) within the section itself.\|inline}}		{{Note\|Section Settings is a special block that Easy Content Builder provides to determine your ideal layouts (1-column, 2-column, 3-column, 4-column, or hierarchical layouts) and global configurations (full-width layout, mask color, mask image, background video, parallax animation, etc.) within the section itself.\|inline}}After creating a template, you should be redirected to the Theme Editor. Here, you can add a Section Settings block to the template you created.

			Alternatively, you can open the Theme Editor and a new section settings as follows:
	*From your Shopify admin, click Apps > '''Easy Content Builder'''		*From your Shopify admin, click Apps > '''Easy Content Builder'''
	*From the Easy Content Builder dashboard, click '''Manage Templates'''. Here you can delete a template or find the template that you want to edit, and then click '''Customize.'''		*From the Easy Content Builder dashboard, click '''Manage Templates'''. Here you can delete a template or find the template that you want to edit, and then click '''Customize.'''

An: /* The basics */

2024-02-23T13:39:47Z

The basics

← Older revision		Revision as of 13:39, 23 February 2024
Line 6:		Line 6:

	You can add, reorder, delete, and hide these dynamic sections on every page template. You can further customize the section by editing its Settings.		You can add, reorder, delete, and hide these dynamic sections on every page template. You can further customize the section by editing its Settings.
	[[File:Shopify sections.jpg\|border\|frameless\|~~552x552px~~]]		[[File:Shopify sections.jpg\|border\|frameless\|483x483px]]
	==Add a section==		==Add a section==