<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://docs.posstack.com/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Admin</id>
	<title>Posstack.com Documentation - User contributions [en]</title>
	<link rel="self" type="application/atom+xml" href="https://docs.posstack.com/api.php?action=feedcontributions&amp;feedformat=atom&amp;user=Admin"/>
	<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php/Special:Contributions/Admin"/>
	<updated>2026-05-28T19:50:25Z</updated>
	<subtitle>User contributions</subtitle>
	<generator>MediaWiki 1.38.4</generator>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3261</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3261"/>
		<updated>2025-11-03T02:05:09Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Template_builder|Template Builder&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Copy_blocks|Move &amp;amp; copy blocks&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Shoppable_Video|Shoppable Videos&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Global_Settings|Global Settings&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
**Custom_Fonts|Custom Fonts&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3232</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3232"/>
		<updated>2025-10-24T03:11:44Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Template_builder|Template Builder&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Copy_blocks|Move &amp;amp; copy blocks&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Shoppable_Video|Shoppable Videos&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
**Custom_Fonts|Custom Fonts&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3180</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3180"/>
		<updated>2025-07-28T08:19:40Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Template_builder|Template Builder&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Copy_blocks|Move &amp;amp; copy blocks&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Shoppable_Video|Shoppable Videos&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3177</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3177"/>
		<updated>2025-07-09T07:32:06Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Template_builder|Template Builder&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Shoppable_Video|Shoppable Videos&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3160</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3160"/>
		<updated>2025-07-08T06:39:17Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Template_builder|Template Builder&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Shoppable_Video|Shoppable Videos&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3126</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3126"/>
		<updated>2025-06-16T01:28:24Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Template_builder|Template Builder&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3065</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3065"/>
		<updated>2025-05-20T03:33:17Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_prebuilt_sections|Add Prebuilt Sections&lt;br /&gt;
** Add_section_settings|Add New Sections&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3016</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3016"/>
		<updated>2025-04-04T02:23:38Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts Grid / Slider&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3014</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=3014"/>
		<updated>2025-04-04T01:40:17Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Blog_Posts|Blog Posts&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Block_Table&amp;diff=2977</id>
		<title>Block Table</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Block_Table&amp;diff=2977"/>
		<updated>2025-03-05T08:08:08Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Adjust the width of the table columns */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Block: Table}}&lt;br /&gt;
&lt;br /&gt;
The &#039;&#039;&#039;Table section&#039;&#039;&#039; lets you create comparison tables on any page, allowing your users to compare your product features and key differences side-by-side. The Table section is a great add-on to create Product feature comparisons, Pricing Table, or any custom data table. &lt;br /&gt;
&lt;br /&gt;
{{Note|NOTE: This block is only available for the PRO plan. You can configure this block normally in the Theme Editor; however, you need to upgrade your plan to apply them to the front end.|inline}}&lt;br /&gt;
&lt;br /&gt;
=== What is the Table section perfect for? ===&lt;br /&gt;
You have various options to use the Table section for your Shopify themes:&lt;br /&gt;
&lt;br /&gt;
* Product comparison charts - view the demo [https://easy-content-builder-demo.myshopify.com/pages/section-table#responsive-product-comparison-chart here].[[File:Ecb-table-v1.jpg|frameless|800x800px]][[File:Ecb-table-v2.jpg|frameless|800x800px]][[File:Ecb-table-v3.jpg|frameless|800x800px]][[File:Ecb-table-v4.jpg|frameless|800x800px]]&lt;br /&gt;
* Pricing table with custom data - see an example [https://easy-content-builder-demo.myshopify.com/pages/section-table#pricing-table-and-product-feature-comparison-with-custom-data here].&lt;br /&gt;
:[[File:Ecb-table-w-img.png|border|frameless|800x800px]]&lt;br /&gt;
* Pricing table (Equal height) - see an example [https://easy-content-builder-demo.myshopify.com/pages/section-table#equal-height-pricing-table here]. &lt;br /&gt;
:[[File:Ecb-table-pricing-card.png|border|frameless|800x800px]]&lt;br /&gt;
* Pricing table (Flexible height) &lt;br /&gt;
:[[File:Ecb-table-pricing-flex.png|border|frameless|800x800px]]&lt;br /&gt;
* Comparison data table  - see an example [https://easy-content-builder-demo.myshopify.com/pages/section-table#comparison-data-table here]. &lt;br /&gt;
:[[File:Ecb-table-data.png|border|frameless|800x800px]]&lt;br /&gt;
* Long-form data table with a Search box, Sorting in ascending or descending order, and pagination - see an example [https://easy-content-builder-demo.myshopify.com/pages/section-table#long-form-data-table here]. &lt;br /&gt;
:[[File:Ecb-table-with-search-sorting.png|border|frameless|800x800px]]&lt;br /&gt;
* Data table with the first row and column as the header &lt;br /&gt;
:[[File:Ecb-table-with-heading.png|border|frameless|800x800px]]&lt;br /&gt;
*Size chart &amp;amp; fit guide - see an example [https://easy-content-builder-demo.myshopify.com/pages/section-table#size-chart-and-fit-guide here]. &lt;br /&gt;
:[[File:Ecb-table-sizechart.jpg|border|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
=== Watch video tutorial===&lt;br /&gt;
Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available [https://www.youtube.com/watch?v=3-7nTz-c4yQ&amp;amp;list=PLZdliUBbfeeGpJ6_zH4FDyF9QvYv1Pz-2&amp;amp;index=8 here].&lt;br /&gt;
&lt;br /&gt;
=== How to add Table section ===&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add a &#039;&#039;&#039;Section Settings&#039;&#039;&#039; section that allows you to control the global settings of the &#039;&#039;&#039;Table&#039;&#039;&#039; section.&lt;br /&gt;
&lt;br /&gt;
:In this special section, you can specify multi-column layouts, activate full width, determine the section&#039;s maximum width, choose a background color, and set global margins and padding, among other options.&lt;br /&gt;
&lt;br /&gt;
:{{Note|Note: If you include the &#039;&#039;&#039;Table&#039;&#039;&#039; in the core product information, skip the step for adding &#039;&#039;&#039;Section Settings&#039;&#039;&#039;. Just add the &#039;&#039;&#039;Table&#039;&#039;&#039;. [[File:Ecb add section core product info.jpg|800px|frameless]]|reminder}}&lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add a &#039;&#039;&#039;Table&#039;&#039;&#039; section and customize the settings according to your preferences.&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;If you are new to our Easy Content Builder, please take a look at the [[Add_section_settings|Add Sections]] section for detailed instructions on how to add a section to your theme.|reminder}}&lt;br /&gt;
&lt;br /&gt;
=== Table settings ===&lt;br /&gt;
From the sidebar of your Shopify theme editor, click on the Table title to view the details of the settings.&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
|+&lt;br /&gt;
!Table Type&lt;br /&gt;
!Select the type you want - Normal Table, Separate Cards, Data Table.&lt;br /&gt;
|-&lt;br /&gt;
|Table Data&lt;br /&gt;
|Add data in CSV (Comma Separated Values) format. &lt;br /&gt;
Steps to create and export CSV data from Google Spreadsheet: &lt;br /&gt;
&lt;br /&gt;
# Create a spreadsheet (Google Docs, Excel, etc)&lt;br /&gt;
# Add data to the sheet. Sample CSV file: [https://docs.google.com/spreadsheets/d/1-g1rVu2XeQiD4d-fNjbpISMNYorgELGn66ETHuLQGdk/edit#gid=73807068 view here].&lt;br /&gt;
# Click the menu File &amp;gt; Download &amp;gt; Comma Separated Values (.csv)&lt;br /&gt;
# Open the file using a text editor like Windows Notepad or TextEdit. Then, copy data from the downloaded file and paste it into this field.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #1&#039;&#039;&#039;: Easy Content Builder lets you add images on the heading (the first row). Here are the CSV file format:  &lt;br /&gt;
&lt;br /&gt;
* Leave the first row in your CSV file blank to display only images on the heading (You will add the images under your Theme Editor &amp;gt; Easy Content Builder &amp;gt; Table section)[[File:Ecb-table-heading-config.jpg|frameless|800x800px]]&lt;br /&gt;
* To display images with text or button: add the text or button - using the button format &#039;&#039;&#039;(your_button_label)your_url&#039;&#039;&#039; into the first row. [[File:Ecb table heading cta.png|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #2&#039;&#039;&#039;: If you want to keep specific elements (e.g. CTA buttons) in the same row in the comparison table, make sure you add the data in the same row in the sheet.&lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-table-csv.png|border|frameless|500x500px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #3&#039;&#039;&#039;: To show the &#039;&#039;&#039;Yes&#039;&#039;&#039;/&#039;&#039;&#039;No&#039;&#039;&#039; icons, simply enter the &#039;YES&#039; or &#039;NO&#039; text (Must be in uppercase) into the sheet. &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #4&#039;&#039;&#039;: To add a CTA button, enter your sheet using this format: &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;(your_button_label)your_url&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
For example: &#039;&#039;&#039;(Buy Now)&amp;lt;nowiki&amp;gt;https://apps.shopify.com/easy-content-builder&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;br /&gt;
|-&lt;br /&gt;
|Text Alignment&lt;br /&gt;
|Align all elements of the Section title to the left, right, or center.&lt;br /&gt;
|-&lt;br /&gt;
|Header First Row&lt;br /&gt;
|Display the first row as the header&lt;br /&gt;
|-&lt;br /&gt;
|Header First Column&lt;br /&gt;
|Display the first column as the header&lt;br /&gt;
|-&lt;br /&gt;
|Table/Card style&lt;br /&gt;
|Add CSS classes to change the table/card style. Please refer to the [[Block Table#Use Cases|Use cases]] below to learn more about the predefined CSS class available in Easy Content Builder.&lt;br /&gt;
Here are some useful classes you can use (Feel free to add multiple classes, separating each with a space):&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;uk-table-divider&#039;&#039;&#039;: class to display a divider between table rows.&lt;br /&gt;
* &#039;&#039;&#039;uk-table-striped&#039;&#039;&#039;: class to add zebra-striping to a table.&lt;br /&gt;
* &#039;&#039;&#039;uk-card-hover&#039;&#039;&#039;: class to display a hover state on table rows.&lt;br /&gt;
* &#039;&#039;&#039;uk-card-primary&#039;&#039;&#039;: class to emphasize a card with a primary color. You can switch between difference styles (uk-card-secondary, uk-card-default, uk-card-primary)&lt;br /&gt;
* &#039;&#039;&#039;uk-table-middle&#039;&#039;&#039; class to vertically center table content.&lt;br /&gt;
* &#039;&#039;&#039;uk-card-small&#039;&#039;&#039; (or &#039;&#039;&#039;uk-card-large&#039;&#039;&#039;): class to a table to make it smaller or larger.&lt;br /&gt;
* &#039;&#039;&#039;uk-height-1-1&#039;&#039;&#039;: This class applies a height of 100%. This only works if the parent element has a set height.&lt;br /&gt;
|-&lt;br /&gt;
|Primary Column&lt;br /&gt;
|Set a column to be the primary one that you want to attract the user&#039;s attention. E.g. enter &#039;2&#039; to set the 2nd column as the primary one.&lt;br /&gt;
|-&lt;br /&gt;
|Primary Column Style&lt;br /&gt;
|Add CSS classes to change the primary column style. Please look at the helpful classes in the &#039;&#039;&#039;Table/Card Style&#039;&#039;&#039; field mentioned earlier or explore [[Block Table#Use Cases|Use cases]] below to learn more about the predefined CSS class available in Easy Content Builder.&lt;br /&gt;
|-&lt;br /&gt;
|Link Style&lt;br /&gt;
|Add CSS classes applied to links in the table. Here&#039;s the predefined CSS classes available in Easy Content Builder: &lt;br /&gt;
&#039;&#039;&#039;uk-button uk-button-primary uk-text-nowrap&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #1&#039;&#039;&#039;: You need to specify the button/link format in the CSV file following this format: &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;(Buy Now)&amp;lt;nowiki&amp;gt;https://apps.shopify.com/easy-content-builder&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #2&#039;&#039;&#039;: You can change &#039;&#039;&#039;&#039;&#039;uk-button-primary&#039;&#039;&#039;&#039;&#039; to &#039;&#039;&#039;&#039;&#039;uk-button-default&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-secondary&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-link&#039;&#039;&#039;&#039;&#039;, or &#039;&#039;&#039;&#039;&#039;uk-button-text&#039;&#039;&#039;&#039;&#039; to change the look of the buttons.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;NOTE #3:&#039;&#039;&#039; the &#039;&#039;&#039;&#039;&#039;uk-text-nowrap&#039;&#039;&#039;&#039;&#039; class helps keep your button label on a single line, which is perfect for longer text labels. &lt;br /&gt;
|-&lt;br /&gt;
|Icon Yes&lt;br /&gt;
|Upload the SVG icon to display in the &#039;&#039;&#039;Yes&#039;&#039;&#039; cell of the comparison table. &lt;br /&gt;
|-&lt;br /&gt;
|Icon No&lt;br /&gt;
|Upload the SVG icon to display in the &#039;&#039;&#039;No&#039;&#039;&#039; cell of the comparison table. &lt;br /&gt;
|-&lt;br /&gt;
|Icon Width&lt;br /&gt;
|Set the width (in pixel) of the YES/NO icons.&lt;br /&gt;
|-&lt;br /&gt;
|Image Width&lt;br /&gt;
|Set the width (in pixels) of the featured images on the comparison table header.&lt;br /&gt;
|-&lt;br /&gt;
|Image Height&lt;br /&gt;
|Set the height (in pixels) of the featured images on the comparison table header.&lt;br /&gt;
|-&lt;br /&gt;
|Image&lt;br /&gt;
|Add the image you want to feature on the comparison table header.&lt;br /&gt;
|-&lt;br /&gt;
|Animate on scroll&lt;br /&gt;
|This feature is only available for the Pro plan. It lets you apply different types of animation to elements within each section as you scroll down the page. Learn more about scrolling animations [https://posstack.com/blog/easy-content-builder-new-updates-mar-2023 here].&lt;br /&gt;
|-&lt;br /&gt;
|Margin&lt;br /&gt;
|Set the vertical spacing between elements.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
===Adjust the width of the table columns===&lt;br /&gt;
&lt;br /&gt;
To adjust the width of each column, you can follow these steps:&lt;br /&gt;
&lt;br /&gt;
1. Click on the &#039;&#039;&#039;App&#039;&#039;&#039; menu where you added the Table section.&lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-table-width1.jpg|frameless|800x800px]]&lt;br /&gt;
2. Enter this code in the &#039;&#039;&#039;Custom CSS&#039;&#039;&#039; field:&lt;br /&gt;
&lt;br /&gt;
&amp;lt;pre&amp;gt;&lt;br /&gt;
td:nth-child(1) {min-width: 150px;}&lt;br /&gt;
td:nth-child(2) {min-width: 150px;}&lt;br /&gt;
td:nth-child(3) {min-width: 150px;}&lt;br /&gt;
&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
The numbers (1), (2), and (3) indicate the 1st, 2nd, and 3rd columns in your table. To tweak all columns in your table, just add similar code for each one, updating the number and the width value accordingly.&lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-table-width2.jpg|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
=== Use Cases ===&lt;br /&gt;
&lt;br /&gt;
==== Use case 1: Pricing table and product feature comparison ====&lt;br /&gt;
[[File:Ecb-table-w-img-guide.png|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Here are the configurations for this pricing table sample:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add [[Add_section_settings#Add_Section|Section Settings]] to specify the global configuration of this Pricing table (e.g. The column width, background color, etc.)&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add a &#039;&#039;&#039;Table section&#039;&#039;&#039; and configure it as follows: &lt;br /&gt;
&lt;br /&gt;
* Table Type: Normal Table&lt;br /&gt;
* Table Data: add your custom data following this [https://docs.google.com/spreadsheets/d/1-g1rVu2XeQiD4d-fNjbpISMNYorgELGn66ETHuLQGdk/edit#gid=73807068 sample CSV file]. Please refer to the [[Block Table#Table settings|General Configuration]] guide for more details. &lt;br /&gt;
* Header First Row: enabled&lt;br /&gt;
* Header First Column: enabled&lt;br /&gt;
* Primary Column: 3 (you can change to the column you want)&lt;br /&gt;
* Primary Column Style: enter this CSS class &#039;&#039;&#039;uk-text-primary&#039;&#039;&#039;&lt;br /&gt;
* Link Style: enter these CSS classes &#039;&#039;&#039;uk-button uk-button-secondary uk-text-nowrap&#039;&#039;&#039;&lt;br /&gt;
* Icon Yes: upload your own CSV icon&lt;br /&gt;
* Icon No: upload your own CSV icon&lt;br /&gt;
* Icon width: 24&lt;br /&gt;
* Image Width: 150&lt;br /&gt;
* Image Height: 150&lt;br /&gt;
* Image: upload the images that you want to display on the Header. &lt;br /&gt;
&lt;br /&gt;
==== Use case 2: Equal height Pricing table ====&lt;br /&gt;
[[File:Ecb-table-demo2-config.png|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Here are the configurations for this pricing table sample:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add [[Add_section_settings#Add_Section|Section Settings]] to specify the global configuration of this Pricing table (e.g. The column width, background color, etc.)&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add a Table section and configure it as follows: &lt;br /&gt;
&lt;br /&gt;
* Table Type: Separate Cards&lt;br /&gt;
* Table Data: add your custom data following this [https://docs.google.com/spreadsheets/d/1-g1rVu2XeQiD4d-fNjbpISMNYorgELGn66ETHuLQGdk/edit#gid=73807068 sample CSV file]. Please refer to the [[Block Table#Table settings|General Configuration]] guide for more details. &lt;br /&gt;
* Header First Row: enabled&lt;br /&gt;
* Table / Card style: enter these CSS classes &#039;&#039;&#039;uk-card-hover uk-card-secondary uk-height-1-1 uk-border-rounded.&#039;&#039;&#039; &lt;br /&gt;
:{{Note|You can change &#039;&#039;&#039;&#039;&#039;uk-card-secondary&#039;&#039;&#039;&#039;&#039; to the &#039;&#039;&#039;&#039;&#039;uk-card-default&#039;&#039;&#039;&#039;&#039; or &#039;&#039;&#039;&#039;&#039;uk-card-primary&#039;&#039;&#039;&#039;&#039; to change the look of the cards. |inline}}&lt;br /&gt;
* Primary Column: 2 (you can change to the column you want)&lt;br /&gt;
* Primary Column Style: enter these CSS classes &#039;&#039;&#039;uk-card-hover uk-card-primary uk-height-1-1&#039;&#039;&#039;. &lt;br /&gt;
:{{Note|You can change &#039;&#039;&#039;&#039;&#039;uk-card-primary&#039;&#039;&#039;&#039;&#039; to the &#039;&#039;&#039;&#039;&#039;uk-card-default&#039;&#039;&#039;&#039;&#039; or &#039;&#039;&#039;&#039;&#039;uk-card-se&#039;&#039;&#039;condary&#039;&#039; to change the look of the cards. |inline}}&lt;br /&gt;
* Link Style: enter these CSS classes &#039;&#039;&#039;uk-button uk-button-primary uk-text-nowrap&#039;&#039;&#039; &lt;br /&gt;
:{{Note|You can change &#039;&#039;&#039;&#039;&#039;uk-button-primary&#039;&#039;&#039;&#039;&#039; to &#039;&#039;&#039;&#039;&#039;uk-button-default&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-secondary&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-link&#039;&#039;&#039;&#039;&#039;, or &#039;&#039;&#039;&#039;&#039;uk-button-text&#039;&#039;&#039;&#039;&#039; to change the look of the buttons.|inline}}&lt;br /&gt;
* Icon Yes: upload your own CSV icon&lt;br /&gt;
* Icon No: upload your own CSV icon&lt;br /&gt;
* Image width: 24&lt;br /&gt;
&lt;br /&gt;
==== Use case 3: Comparison chart ====&lt;br /&gt;
[[File:Ecb-table-demo3-config.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Here are the configurations for this comparison table sample:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add [[Add_section_settings#Add_Section|Section Settings]] to specify the global configuration of this comparison table (e.g. The column width, background color, etc.)&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add a Table section and configure it as follows: &lt;br /&gt;
&lt;br /&gt;
* Table Type: Normal Table&lt;br /&gt;
* Table Data: add your custom data following this [https://docs.google.com/spreadsheets/d/1-g1rVu2XeQiD4d-fNjbpISMNYorgELGn66ETHuLQGdk/edit#gid=73807068 sample CSV file]. Please refer to the [[Block Table#Table settings|General Configuration]] guide for more details.&lt;br /&gt;
* Header First Row: enabled&lt;br /&gt;
* Table / Card style: enter this CSS class &#039;&#039;&#039;uk-table-striped&#039;&#039;&#039;&lt;br /&gt;
* Primary Column: 1 (you can change to the column you want)&lt;br /&gt;
* Primary Column Style: enter these CSS classes &#039;&#039;&#039;uk-text-bold uk-text-success&#039;&#039;&#039;&lt;br /&gt;
* Link Style: enter these CSS classes &#039;&#039;&#039;uk-button uk-button-primary&#039;&#039;&#039;&lt;br /&gt;
:{{Note|You can change &#039;&#039;&#039;uk-button-primary&#039;&#039;&#039; to &#039;&#039;&#039;&#039;&#039;uk-button-default&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-secondary&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-link&#039;&#039;&#039;&#039;&#039;, or &#039;&#039;&#039;&#039;&#039;uk-button-text&#039;&#039;&#039;&#039;&#039; to change the look of the buttons.|inline}}&lt;br /&gt;
* Icon Yes: upload your own CSV icon&lt;br /&gt;
* Icon No: upload your own CSV icon&lt;br /&gt;
* Image width: 24&lt;br /&gt;
&lt;br /&gt;
==== Use case 4: Long-form data table with a Search box, Sorting in ascending or descending order, and pagination. ====&lt;br /&gt;
[[File:Ecb-table-demo4-config.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Here are the configurations for this data table sample:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add [[Add_section_settings#Add_Section|Section Settings]] to specify the global configuration of this data table (e.g. The column width, background color, etc.)&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add a Table section and configure it as follows: &lt;br /&gt;
&lt;br /&gt;
* Table Type: Data Table&lt;br /&gt;
* Table Data: add your custom data following this [https://docs.google.com/spreadsheets/d/1-g1rVu2XeQiD4d-fNjbpISMNYorgELGn66ETHuLQGdk/edit#gid=951135469 sample CSV file]. Please refer to the [[Block Table#Table settings|General Configuration]] guide for more details.&lt;br /&gt;
* Table / Card style: enter this CSS class &#039;&#039;&#039;uk-table-striped&#039;&#039;&#039;&lt;br /&gt;
* Link Style: enter these CSS classes &#039;&#039;&#039;uk-button uk-button-primary&#039;&#039;&#039;&lt;br /&gt;
:{{Note|You can change &#039;&#039;&#039;uk-button-primary&#039;&#039;&#039; to &#039;&#039;&#039;&#039;&#039;uk-button-default&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-secondary&#039;&#039;&#039;&#039;&#039;, &#039;&#039;&#039;&#039;&#039;uk-button-link&#039;&#039;&#039;&#039;&#039;, or &#039;&#039;&#039;&#039;&#039;uk-button-text&#039;&#039;&#039;&#039;&#039; to change the look of the buttons.|inline}}&lt;br /&gt;
* Icon Yes: upload your own CSV icon&lt;br /&gt;
* Icon No: upload your own CSV icon&lt;br /&gt;
* Image width: 24&lt;br /&gt;
&lt;br /&gt;
===Add other content blocks===&lt;br /&gt;
You can add many content blocks to a section you&#039;ve created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.&lt;br /&gt;
 &lt;br /&gt;
[[File:Ecb-block-v2.jpg|border|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
{{Note|See [https://easy-content-builder-demo.myshopify.com/pages/section-variations all content blocks] available that you can add to a section.|reminder}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2857</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2857"/>
		<updated>2024-12-04T01:58:10Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Video_Slider|Video Slider&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2656</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2656"/>
		<updated>2024-08-29T07:36:54Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Item List&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2646</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2646"/>
		<updated>2024-08-26T07:34:21Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Image|Image&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2625</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2625"/>
		<updated>2024-08-23T04:11:24Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Section_as_modal|Section as Modal&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2581</id>
		<title>Get Started</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2581"/>
		<updated>2024-07-29T04:25:09Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes. &lt;br /&gt;
&lt;br /&gt;
We&#039;ve assembled some links to get you started: &lt;br /&gt;
&lt;br /&gt;
==Get Started==&lt;br /&gt;
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]&lt;br /&gt;
* [[Create_Template_Apply_to_One_Page|Create a unique template]]&lt;br /&gt;
* [[Customize_standard_pages|Customize homepage, collection page]]&lt;br /&gt;
* [[Add_section_settings|Add sections]].&lt;br /&gt;
&lt;br /&gt;
{{Note|type=reminder|text=Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available https://www.youtube.com/watch?v=uspAswjgQxs&amp;amp;list=PLZdliUBbfeeGpJ6%20zH4FDyF9QvYv1Pz-2}}&lt;br /&gt;
&lt;br /&gt;
==Jump in Deeper==&lt;br /&gt;
* [[Multi_column_layout_examples|Create multi-column layouts]]&lt;br /&gt;
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]&lt;br /&gt;
* [[Metaobject intro|Create metaobjects templates]]&lt;br /&gt;
&lt;br /&gt;
==More Actions==&lt;br /&gt;
* [[Manage_Templates|Manage Templates]]&lt;br /&gt;
* [[Migration|Theme Migration]]&lt;br /&gt;
* [[Custom_CSS|Custom CSS]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2580</id>
		<title>Get Started</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2580"/>
		<updated>2024-07-29T04:23:30Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes. &lt;br /&gt;
&lt;br /&gt;
We&#039;ve assembled some links to get you started: &lt;br /&gt;
&lt;br /&gt;
==Get Started==&lt;br /&gt;
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]&lt;br /&gt;
* [[Create_Template_Apply_to_One_Page|Create a unique template]]&lt;br /&gt;
* [[Customize_standard_pages|Customize homepage, collection page]]&lt;br /&gt;
* [[Add_section_settings|Add sections]].&lt;br /&gt;
&lt;br /&gt;
{{Note|Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available https://www.youtube.com/watch?v=uspAswjgQxs&amp;amp;list=PLZdliUBbfeeGpJ6%20zH4FDyF9QvYv1Pz-2 |reminder}}&lt;br /&gt;
&lt;br /&gt;
==Jump in Deeper==&lt;br /&gt;
* [[Multi_column_layout_examples|Create multi-column layouts]]&lt;br /&gt;
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]&lt;br /&gt;
* [[Metaobject intro|Create metaobjects templates]]&lt;br /&gt;
&lt;br /&gt;
==More Actions==&lt;br /&gt;
* [[Manage_Templates|Manage Templates]]&lt;br /&gt;
* [[Migration|Theme Migration]]&lt;br /&gt;
* [[Custom_CSS|Custom CSS]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2579</id>
		<title>Get Started</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2579"/>
		<updated>2024-07-29T04:19:43Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes. &lt;br /&gt;
&lt;br /&gt;
We&#039;ve assembled some links to get you started: &lt;br /&gt;
&lt;br /&gt;
==Get Started==&lt;br /&gt;
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]&lt;br /&gt;
* [[Create_Template_Apply_to_One_Page|Create a unique template]]&lt;br /&gt;
* [[Customize_standard_pages|Customize homepage, collection page]]&lt;br /&gt;
* [[Add_section_settings|Add sections]].&lt;br /&gt;
&lt;br /&gt;
{{Note|Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available https://www.youtube.com/watch?v=uspAswjgQxs&amp;amp;list=PLZdliUBbfeeGpJ6%20zH4FDyF9QvYv1Pz-2 here|reminder}}&lt;br /&gt;
&lt;br /&gt;
==Jump in Deeper==&lt;br /&gt;
* [[Multi_column_layout_examples|Create multi-column layouts]]&lt;br /&gt;
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]&lt;br /&gt;
* [[Metaobject intro|Create metaobjects templates]]&lt;br /&gt;
&lt;br /&gt;
==More Actions==&lt;br /&gt;
* [[Manage_Templates|Manage Templates]]&lt;br /&gt;
* [[Migration|Theme Migration]]&lt;br /&gt;
* [[Custom_CSS|Custom CSS]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2578</id>
		<title>Get Started</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2578"/>
		<updated>2024-07-29T04:17:14Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes. &lt;br /&gt;
&lt;br /&gt;
We&#039;ve assembled some links to get you started: &lt;br /&gt;
&lt;br /&gt;
==Get Started==&lt;br /&gt;
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]&lt;br /&gt;
* [[Create_Template_Apply_to_One_Page|Create a unique template]]&lt;br /&gt;
* [[Customize_standard_pages|Customize homepage, collection page]]&lt;br /&gt;
* [[Add_section_settings|Add sections]].&lt;br /&gt;
&lt;br /&gt;
{{Note|Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available here|reminder}}&lt;br /&gt;
&lt;br /&gt;
==Jump in Deeper==&lt;br /&gt;
* [[Multi_column_layout_examples|Create multi-column layouts]]&lt;br /&gt;
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]&lt;br /&gt;
* [[Metaobject intro|Create metaobjects templates]]&lt;br /&gt;
&lt;br /&gt;
==More Actions==&lt;br /&gt;
* [[Manage_Templates|Manage Templates]]&lt;br /&gt;
* [[Migration|Theme Migration]]&lt;br /&gt;
* [[Custom_CSS|Custom CSS]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2577</id>
		<title>Get Started</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Get_Started&amp;diff=2577"/>
		<updated>2024-07-29T04:16:49Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;Easy Content Builder provides you with sections and templates that can be added directly to your existing Shopify themes. &lt;br /&gt;
&lt;br /&gt;
We&#039;ve assembled some links to get you started: &lt;br /&gt;
&lt;br /&gt;
==Get Started==&lt;br /&gt;
* [[Create_Template_Apply_to_Multiple_Pages|Create a template for multiple pages]]&lt;br /&gt;
* [[Create_Template_Apply_to_One_Page|Create a unique template]]&lt;br /&gt;
* [[Customize_standard_pages|Customize homepage, collection page]]&lt;br /&gt;
* [[Add_section_settings|Add sections]].&lt;br /&gt;
&lt;br /&gt;
{{Note|Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, available [https://www.youtube.com/watch?v=uspAswjgQxs&amp;amp;list=PLZdliUBbfeeGpJ6%20zH4FDyF9QvYv1Pz-2 here]|reminder}}&lt;br /&gt;
&lt;br /&gt;
==Jump in Deeper==&lt;br /&gt;
* [[Multi_column_layout_examples|Create multi-column layouts]]&lt;br /&gt;
* [[Add_section_settings#Edit_Section_Settings|Customize your templates]]&lt;br /&gt;
* [[Metaobject intro|Create metaobjects templates]]&lt;br /&gt;
&lt;br /&gt;
==More Actions==&lt;br /&gt;
* [[Manage_Templates|Manage Templates]]&lt;br /&gt;
* [[Migration|Theme Migration]]&lt;br /&gt;
* [[Custom_CSS|Custom CSS]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Block_Image_With_Text&amp;diff=2555</id>
		<title>Block Image With Text</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Block_Image_With_Text&amp;diff=2555"/>
		<updated>2024-06-20T05:19:46Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Use case 1: How to add an Instagram sectionframeless|1024x1024px */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Block: Image With Text}}&lt;br /&gt;
&lt;br /&gt;
=== Overview ===&lt;br /&gt;
This block helps you create separate content blocks (Each block comes with its heading, tagline, description, featured image, and CTA button). You can easily position the image (left, right, center, or bottom) to pair with the description text.&lt;br /&gt;
{{Note|See Image With Text examples [https://easy-content-builder-demo.myshopify.com/pages/section-image-with-text here].|inline}}&lt;br /&gt;
&lt;br /&gt;
=== What is the Image With Text section perfect for? ===&lt;br /&gt;
You have various options to use the &#039;&#039;&#039;Image With Text&#039;&#039;&#039; section for your Shopify themes: &lt;br /&gt;
&lt;br /&gt;
* Showcase social proof sections like Instagram, Tiktok, Youtube, or rich content such as Google Maps/Forms (the links will be opened in a lightbox) [[File:Ecb-modal.jpg|frameless|800x800px]]&lt;br /&gt;
* Call to Action: See an example [https://easy-content-builder-demo.myshopify.com/products/swimwear here] (the &#039;&#039;Take our size quiz&#039;&#039; block)&lt;br /&gt;
:[[File:Ecb-img-w-text-demo1.png|border|frameless|800x800px]]&lt;br /&gt;
* Featured Collections/subcollections: [https://easy-content-builder-demo.myshopify.com/pages/collection-grid here].&lt;br /&gt;
:[[File:Ecb-img-w-text-demo2.png|border|frameless|800x800px]]&lt;br /&gt;
* Sale promotion: See an example [https://easy-content-builder-demo.myshopify.com/products/reading-desk-lamp here] &lt;br /&gt;
:[[File:Ecb-img-w-text-demo3.png|border|frameless|800x800px]]&lt;br /&gt;
* Related Blog Posts: See an example [https://easy-content-builder-demo.myshopify.com/products/monstera-deliciosa here]&lt;br /&gt;
:[[File:Ecb-img-w-text-demo4.png|border|frameless|800x800px]]&lt;br /&gt;
* How it works: See an example [https://easy-content-builder-demo.myshopify.com/pages/skincare here] &lt;br /&gt;
:[[File:Ecb-img-w-text-demo5.png|border|frameless|800x800px]]&lt;br /&gt;
* About Us: See examples [https://easy-content-builder-demo.myshopify.com/pages/about-us-our-story-v3 here], [https://easy-content-builder-demo.myshopify.com/pages/about-us-our-team here], and [https://easy-content-builder-demo.myshopify.com/pages/about-us-our-story here]. &lt;br /&gt;
* Store location: See an example [https://easy-content-builder-demo.myshopify.com/products/monstera-deliciosa here] &lt;br /&gt;
:[[File:Ecb-img-w-text-demo6.png|border|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
=== How to add Image With Text section ===&lt;br /&gt;
[[File:Add images with text final.jpg|border|frameless|1920x1920px]]&lt;br /&gt;
* Step 1: Add a &#039;&#039;&#039;Section Settings&#039;&#039;&#039; section that allows you to control the global settings of the &#039;&#039;&#039;Image With Text&#039;&#039;&#039; section.&lt;br /&gt;
::Here you can define multi-column layouts, enable fullwidth, set the section&#039;s max-width, background color, global margin/padding, etc.&lt;br /&gt;
&lt;br /&gt;
* Step 2: Add an &#039;&#039;&#039;Image With Text&#039;&#039;&#039; section (This provides you block-level configurations in addition to the global configuration level (via Section Settings above)&lt;br /&gt;
&lt;br /&gt;
* Step 3: Set the &#039;&#039;&#039;Card Style&#039;&#039;&#039;. Generally, you can choose among three main styles:  &lt;br /&gt;
&lt;br /&gt;
::* No card (Disable the card style)&lt;br /&gt;
::* Card with text block outside the image: Default, Primary, Secondary&lt;br /&gt;
::* Overlay (text block inside the image): &lt;br /&gt;
::** Overlay - No mask&lt;br /&gt;
::** Overlay - Text Center With Background&lt;br /&gt;
::** Overlay - No mask + Text Center With Background&lt;br /&gt;
&lt;br /&gt;
* Step 4: Insert the title, featured image, description, and CTA button.&lt;br /&gt;
::{{Note|NOTE: Your original image width &amp;amp; height must be equal to or bigger than the width/height you specify under the Image With Text configuration.|inline}}&lt;br /&gt;
::{{Note|NOTE: For each section, Easy Content Builder lets you control the margin/padding at both the global level (via Section Settings) and block level (the Image With Text itself). Also, you might need to adjust the margin/padding of other sections you add before and after the Image With Text section too.|reminder}} &lt;br /&gt;
&lt;br /&gt;
*Step 5: (Optional) Configure the animation and margin of the &#039;&#039;&#039;Image With Text&#039;&#039;&#039; section.&lt;br /&gt;
&lt;br /&gt;
=== Image With Text settings===&lt;br /&gt;
From the Shopify theme editor, click on &#039;&#039;&#039;Image with text&#039;&#039;&#039; on the sidebar to view the details of settings. &lt;br /&gt;
&lt;br /&gt;
[[File:Block image with text.png|1200x1200px]] &lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;If you are new to our Easy Content Builder, please take a look at the [[Add_section_settings|Add Sections]] section for detailed instructions on how to add a section to your theme.|reminder}}&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
!Section settings&lt;br /&gt;
!Description&lt;br /&gt;
|-&lt;br /&gt;
|Card Style&lt;br /&gt;
|&lt;br /&gt;
* Overlay: the image will have an overlay to make the image act as a background for the text layer (This has better readability and contrast). &lt;br /&gt;
* Overlay no mask: display the original image without any overlay on top of the image. &lt;br /&gt;
* Overlay - Text center with background: show both image and text layer overlays. &lt;br /&gt;
* Overlay - No Mask - Text center with background: show an overlay for the text layer, no overlay for the image. &lt;br /&gt;
|-&lt;br /&gt;
|Card Size&lt;br /&gt;
|Decrease or increase the padding of the card body.&lt;br /&gt;
|-&lt;br /&gt;
|Box Shadow&lt;br /&gt;
|Decrease or increase the box shadows of the card.&lt;br /&gt;
|-&lt;br /&gt;
| Rounded Border&lt;br /&gt;
|Enable this setting to apply rounded corners to the background container and button. To increase the border radius of the button, you can use the Custom CSS option following this [https://www.youtube.com/watch?v=gN20FiUvVZc video tutorial].&lt;br /&gt;
|-&lt;br /&gt;
| Image&lt;br /&gt;
|Add the image you want to feature in the block. &lt;br /&gt;
|-&lt;br /&gt;
|Image Width&lt;br /&gt;
| Set the width (in pixel) of the collection’s featured image.&lt;br /&gt;
&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: Make sure your original image width must be equal to or bigger than the width you specify here.&lt;br /&gt;
|-&lt;br /&gt;
|Image Height&lt;br /&gt;
|Set the width (in pixel) of the collection’s  featured image.&lt;br /&gt;
&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: Make sure your original image height must be equal to or bigger than the height you specify here.&lt;br /&gt;
|-&lt;br /&gt;
|Image Crop&lt;br /&gt;
|Cut out a part of the image: Top, Left, Bottom, Right, Center.&lt;br /&gt;
|-&lt;br /&gt;
|Image position&lt;br /&gt;
|Position the image (left, right, center, bottom) to pair with the block’s main text content. This setting is only applied to Desktop devices.&lt;br /&gt;
&#039;&#039;&#039;Note&#039;&#039;&#039;: When you enable the &#039;&#039;&#039;Card Style&#039;&#039;&#039; with &#039;&#039;&#039;Overlay&#039;&#039;&#039; option, combine the &#039;&#039;&#039;Image Position&#039;&#039;&#039; and &#039;&#039;&#039;Text Alignment&#039;&#039;&#039; settings to control the position of your text and CTA buttons. Due to the current maximum number of settings per block (set by Shopify), we use the &#039;&#039;&#039;Image Position&#039;&#039;&#039; to define the position for the text and CTA buttons. Refer to the Use Case - Collection Grid [[Block Image With Text#Use case 7: Collection Grid|here]] for more details. &lt;br /&gt;
|-&lt;br /&gt;
|Vertical Alignment&lt;br /&gt;
|Align the content to the vertical position: top, middle, or bottom.&lt;br /&gt;
|-&lt;br /&gt;
| Text Alignment&lt;br /&gt;
|Align text to the left, right, or center.&lt;br /&gt;
|-&lt;br /&gt;
|Title&lt;br /&gt;
|Type a title for the content block. &lt;br /&gt;
|-&lt;br /&gt;
|Title Size&lt;br /&gt;
| Change the heading to H1, H2, H3, H4, H5, or H6.&lt;br /&gt;
|-&lt;br /&gt;
|Badge&lt;br /&gt;
|Create nice looking text badges.&lt;br /&gt;
|-&lt;br /&gt;
|Tagline&lt;br /&gt;
|Type a short tagline for the content block.&lt;br /&gt;
|-&lt;br /&gt;
|Tagline Size&lt;br /&gt;
|Set the tagline size - Small, Default, or Large&lt;br /&gt;
|-&lt;br /&gt;
|Description&lt;br /&gt;
|Type the content of the block.&lt;br /&gt;
|-&lt;br /&gt;
|Description Size&lt;br /&gt;
| Set the description size - Small, Default, or Large&lt;br /&gt;
|-&lt;br /&gt;
|Button Text&lt;br /&gt;
|Enter the button’s text. Leave this field empty to disable the button.&lt;br /&gt;
|-&lt;br /&gt;
|Button URL&lt;br /&gt;
|Set the internal or external URL for the button’s link.&lt;br /&gt;
|-&lt;br /&gt;
|Button Style&lt;br /&gt;
|Apply a different look for the button: &lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Default&#039;&#039;&#039;: outlined button&lt;br /&gt;
&lt;br /&gt;
* &#039;&#039;&#039;Primary&#039;&#039;&#039;: perfect for the primary action button&lt;br /&gt;
* &#039;&#039;&#039;Secondary&#039;&#039;&#039;: perfect for a medium emphasis.&lt;br /&gt;
* &#039;&#039;&#039;Text&#039;&#039;&#039;: for a low emphasis action button.&lt;br /&gt;
* &#039;&#039;&#039;Link&#039;&#039;&#039;: for a low emphasis action button.&lt;br /&gt;
* &#039;&#039;&#039;Image Link&#039;&amp;lt;nowiki/&amp;gt;&#039;&#039;: &#039;&#039;&#039;&#039;&#039;enable a clickable image. Make sure to enable the &#039;&#039;&#039;Overlay&#039;&#039;&#039; option under &#039;&#039;Card Style&#039;&#039;&amp;lt;nowiki/&amp;gt;. This will display the link icon when hovering over the image.&lt;br /&gt;
* &#039;&#039;&#039;Modal Link&#039;&#039;&#039;: display a button that, when clicked, opens the link in a lightbox.&lt;br /&gt;
* &#039;&#039;&#039;Image + Modal Link&#039;&amp;lt;nowiki/&amp;gt;&#039;&#039;: &#039;&#039;&#039;&#039;&#039;display an icon when hovering over the image and open the link in a lightbox. Ensure that the &#039;&#039;&#039;Overlay&#039;&#039;&#039; option under &#039;&#039;Card Style&#039;&#039;&amp;lt;nowiki/&amp;gt; is enabled for the &#039;&#039;Image + Modal Link&#039;&#039; type.&lt;br /&gt;
|-&lt;br /&gt;
|Button Size&lt;br /&gt;
|Set the button size - Small, Default, or Large&lt;br /&gt;
|-&lt;br /&gt;
|Animate On Scroll&lt;br /&gt;
|This feature is only available for the Pro plan. It lets you apply different types of animation to elements within each section as you scroll down the page. Learn more about scrolling animations [https://posstack.com/blog/easy-content-builder-new-updates-mar-2023 here].&lt;br /&gt;
|-&lt;br /&gt;
|Margin&lt;br /&gt;
|Set the vertical spacing between elements.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
===Use cases===&lt;br /&gt;
&lt;br /&gt;
====Use case 1: How to add an Instagram section[[File:Ecb-modal.jpg|frameless|1024x1024px]]====&lt;br /&gt;
&lt;br /&gt;
You can use Images With Text to display your Instagram posts in a lightbox. &lt;br /&gt;
&lt;br /&gt;
{{Note|It can also embed rich content from YouTube, Vimeo, Instagram, TikTok, or Google Maps/Forms ([https://easy-content-builder-demo.myshopify.com/pages/section-image-with-text View the demo here]).|reminder}} &lt;br /&gt;
&lt;br /&gt;
*Step 1: Add a &#039;&#039;&#039;Section Settings&#039;&#039;&#039; section (to control the global settings of the Image With Text section)&lt;br /&gt;
*Step 2: Add an &#039;&#039;&#039;Image With Text&#039;&#039;&#039; section&lt;br /&gt;
*Step 3: Configure the Image With Text as follows: &lt;br /&gt;
:*Card Style: &#039;&#039;&#039;Overlay (Pro)&#039;&#039;&#039;&lt;br /&gt;
:*Image: upload an image&lt;br /&gt;
:*Button URL: insert your Instagram post URL &lt;br /&gt;
:*Target: choose &#039;&#039;&#039;Image + Modal link&#039;&#039;&#039;. &lt;br /&gt;
:*Then configure other fields as you wish&lt;br /&gt;
&lt;br /&gt;
Once done, this section will display an icon when hovering over the image and open the link in a lightbox.&lt;br /&gt;
&lt;br /&gt;
====Use case 2: &#039;Zigzag&#039; layout style====&lt;br /&gt;
We create a simple &#039;zigzag&#039; grid by adding multiple Image With Text sections. &lt;br /&gt;
&lt;br /&gt;
Here are the configurations for this &#039;zigzag&#039; sample: &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: the &#039;&#039;&#039;[[Add section settings#Add Section|Section Settings]]&#039;&#039;&#039; configuration: &lt;br /&gt;
&lt;br /&gt;
*Enabled &#039;Full Width Container&#039;&lt;br /&gt;
*Layout: One Column&lt;br /&gt;
&lt;br /&gt;
[[File:Add images with text sample1a.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: the &#039;&#039;&#039;Image With Text&#039;&#039;&#039; configuration: &lt;br /&gt;
&lt;br /&gt;
*Card Style: Default&lt;br /&gt;
*Card Size: Default&lt;br /&gt;
*Image Position: Left (for the 1st Image With Text section) and Right (for the 2nd Image with Text section)&lt;br /&gt;
*Image Column Width: 1/2&lt;br /&gt;
*Margin: &#039;&#039;&#039;No Margin&#039;&#039;&#039;&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: you can play around by changing other configurations (in both Section Setting and the Image With Text sections) to create your own grid.|reminder}}&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[File:Add images with text sample1b.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 3: An overlayed text block on top of the background image====&lt;br /&gt;
We create a section with one Image With Text section (using the overlay setting) and one Gallery section. &lt;br /&gt;
&lt;br /&gt;
Here are the configurations for this gallery sample: &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: the [[Add section settings#Add Section|Section Settings]] configuration: &lt;br /&gt;
&lt;br /&gt;
*Layout: Two Col: First Block Left, Remains Right&lt;br /&gt;
&lt;br /&gt;
[[File:Add images with text sample2b.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: The &#039;&#039;&#039;Image With Text&#039;&#039;&#039; configuration: &lt;br /&gt;
&lt;br /&gt;
*Card Style: Overlay - No mask + Text Center&lt;br /&gt;
*Card Size: Default&lt;br /&gt;
*Margin: Medium&lt;br /&gt;
{{Note|NOTE: you can play around by changing other configurations (in both Section Setting and the Image With Text sections) to create your own grid.|inline}}&lt;br /&gt;
[[File:Add images with text sample2a.jpg|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 3&#039;&#039;&#039;: The Gallery configuration&lt;br /&gt;
&lt;br /&gt;
*Image width: 400&lt;br /&gt;
*Image height: 400&lt;br /&gt;
*(Items per row) Mobile: 2&lt;br /&gt;
*(Items per row) Tablet: 2&lt;br /&gt;
*(Items per row) Desktop: 2&lt;br /&gt;
*Gap: No gap&lt;br /&gt;
[[File:Add images with text sample2c.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 4: Hero banner with 3 CTAs buttons====&lt;br /&gt;
[[File:Hero-banner-3.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
We create a simple hero banner (view the [https://easy-content-builder-demo.myshopify.com/pages/ecb-hero-banners live demo] ) using &#039;&#039;&#039;Image With Text&#039;&#039;&#039; and &#039;&#039;&#039;Buttons&#039;&#039;&#039; blocks.&lt;br /&gt;
{{Note|Note: The &#039;&#039;&#039;Image With Text&#039;&#039;&#039; block comes with one default CTA button. If you need multiple CTA buttons, you should use the &#039;&#039;&#039;[[Block Buttons|Button]]&#039;&#039;&#039; block instead.|reminder}}  &lt;br /&gt;
Here is the list of content blocks and associated configurations for this hero banner section:&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-blocks.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add [[Add section settings#Add Section|Section Settings]] block and configure as follows: &lt;br /&gt;
&lt;br /&gt;
*Desktop Layout: &#039;&#039;Two Col: First Block Right, Remains Left.&#039;&#039;&lt;br /&gt;
*Mobile Layout: &#039;&#039;One Column&#039;&#039;&lt;br /&gt;
*Main Column Width: By default, you can start with a 50/50 layout for image and text elements or change this ratio by changing the &#039;&#039;&#039;Main Column Width&#039;&#039;&#039; value.&lt;br /&gt;
*Background image: Upload your hero banner (Recommended hero image width: between 1280 and 2500px; hero image height between 720 and 900px. Learn more about [https://posstack.com/blog/shopify-images-best-practice recommended image dimensions].)&lt;br /&gt;
*Parallax Animate: 450 (this setting is optional and available for the [https://apps.shopify.com/easy-content-builder Pro plan] only)&lt;br /&gt;
*Text Color: #FFFFFF&lt;br /&gt;
*Padding top: 250px&lt;br /&gt;
*Padding bottom: 150px&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add Custom HTML block&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-custom-html2.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Add a &#039;&#039;&#039;[[Block Custom HTML|Custom HTML]]&#039;&#039;&#039; block and leave all configuration fields blank (no need to add any custom HTML code here). &lt;br /&gt;
&lt;br /&gt;
The primary purpose of this step is to use this Custom HTML block as a blank column on the right of this hero banner section:   &lt;br /&gt;
&lt;br /&gt;
*&#039;&#039;&#039;The right column&#039;&#039;&#039;: an empty column (created by the Custom HTML block)&lt;br /&gt;
*&#039;&#039;&#039;The left column&#039;&#039;&#039;: displays the text and CTA button elements.&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 3&#039;&#039;&#039;: Add &#039;&#039;&#039;[[Block Section Title|Section Title]]&#039;&#039;&#039; block and fill in the Title, Tagline, and Description as you wish. &lt;br /&gt;
&lt;br /&gt;
[[File:Hero-section-title2.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 4&#039;&#039;&#039;: Add a &#039;&#039;&#039;[[Block Buttons|Button]]&#039;&#039;&#039; block and fill in the button&#039;s label, URL, and style. &lt;br /&gt;
[[File:Hero-buttons2.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 5: Hero banner with a background color overlay====&lt;br /&gt;
[[File:Hero-text-overlay-front.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
This simple hero banner uses the default &#039;&#039;&#039;Image With Text&#039;&#039;&#039; block.&lt;br /&gt;
&lt;br /&gt;
Here is the list of content blocks and associated configurations for this hero banner example:&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add &#039;&#039;&#039;[[Add section settings#Add Section|Section Settings]]&#039;&#039;&#039; block and configure as follows:&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-text-overlay-config.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
*Desktop Layout: &#039;&#039;Two Col: First Block Left, Remains Right&#039;&#039;.&lt;br /&gt;
*Mobile Layout: &#039;&#039;One Column&#039;&#039;&lt;br /&gt;
*Main Column Width: By default, you can start with a 50/50 layout for image and text elements or change this ratio by changing the &#039;&#039;&#039;Main Column Width&#039;&#039;&#039; value.&lt;br /&gt;
*Main Column Width: 40px (change this value as you wish)&lt;br /&gt;
*Background image: Upload your hero banner (Recommended hero image width: between 1280 and 2500px; hero image height between 720 and 900px. Learn more about [https://posstack.com/blog/shopify-images-best-practice recommended image dimensions].)&lt;br /&gt;
*Parallax Animate: 400 (this setting is optional and available for the [https://apps.shopify.com/easy-content-builder Pro plan] only)&lt;br /&gt;
*Text Color: #121212&lt;br /&gt;
*Padding Top: 50px&lt;br /&gt;
*Padding Bottom: 50px&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add &#039;&#039;&#039;[[Block Section Title|Section Title]]&#039;&#039;&#039; block and with the configurations below: &lt;br /&gt;
&lt;br /&gt;
[[File:Hero-text-overlay.png|border|frameless|1024x1024px]] &lt;br /&gt;
&lt;br /&gt;
*Fill in the Title, Tagline, Description, and button style as you wish.&lt;br /&gt;
&lt;br /&gt;
:{{Note|Note: The Image With Text block comes with one default CTA button. If you need multiple CTA button, you should use the Button block instead. Check out &#039;&#039;[[Block Image With Text|Use case 3: Hero banner with 3 CTAs buttons]]&#039;&#039; for more details.|reminder}}&lt;br /&gt;
&lt;br /&gt;
*Background color: #ffffff&lt;br /&gt;
*Padding: Medium&lt;br /&gt;
&lt;br /&gt;
====Use case 6: Hero banner with CTAs buttons at the bottom ====&lt;br /&gt;
[[File:Hero-CTA-bottom.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
This simple hero banner uses the default &#039;&#039;&#039;Image With Text&#039;&#039;&#039; and &#039;&#039;&#039;Button&#039;&#039;&#039; blocks.&lt;br /&gt;
&lt;br /&gt;
Here is the list of content blocks and associated configurations for this hero banner example:&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-CTA-bottom-config.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add &#039;&#039;&#039;[[Add section settings#Add Section|Section Settings]]&#039;&#039;&#039; block and configure as follows: &lt;br /&gt;
*Desktop Layout: One Column&lt;br /&gt;
*Background image: Upload your hero banner (Recommended hero image width: between 1280 and 2500px; hero image height between 720 and 900px. Learn more about recommended image dimensions.)&lt;br /&gt;
* Parallax Animate: 400 (this setting is optional and available for the Pro plan only)&lt;br /&gt;
*Mask color: #121212 (This setting is optional. It helps make the text more visible vs. the image background.)&lt;br /&gt;
*Text Color: #FFFFFF&lt;br /&gt;
*Padding top: 460px&lt;br /&gt;
* Padding bottom: 0px&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add &#039;&#039;&#039;[[Block Buttons|Button]]&#039;&#039;&#039; block and with the configurations below: &lt;br /&gt;
&lt;br /&gt;
*Fill in the Button label, style, URL, and size as you wish.&lt;br /&gt;
*Margin: Medium&lt;br /&gt;
&lt;br /&gt;
====Use case 7: Hero banner with extra space between Headline/subheadline vs. CTAs buttons ====&lt;br /&gt;
[[File:Hero-CTA-bottom2.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
This simple hero banner uses the default &#039;&#039;&#039;Image With Text&#039;&#039;&#039;, &#039;&#039;&#039;[[Block Buttons|Button]]&#039;&#039;&#039;, and &#039;&#039;&#039;[[Block Custom HTML|Custom HTML]]&#039;&#039;&#039; blocks.&lt;br /&gt;
&lt;br /&gt;
Here is the list of content blocks and associated configurations for this hero banner example:&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-CTA-elements.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add [[Add section settings#Add Section|Section Settings]] block and configure as follows:&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-CTA-section-setting.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
*Desktop Layout: One Column&lt;br /&gt;
*Background image: Upload your hero banner (Recommended hero image width: between 1280 and 2500px; hero image height between 720 and 900px. Learn more about [https://posstack.com/blog/shopify-images-best-practice recommended image dimensions].)&lt;br /&gt;
*Parallax Animate: 300 (this setting is optional and available for the [https://apps.shopify.com/easy-content-builder Pro plan] only)&lt;br /&gt;
*Mask color: #121212 (This setting is optional. It helps make the text more visible vs. the image background.)&lt;br /&gt;
*Text Color: #FFFFFF&lt;br /&gt;
*Padding top: 250px&lt;br /&gt;
* Padding bottom: 0px&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add Section Title block and with the configurations below:&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-CTA-title.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
*Fill in the Title, Tagline, Description, and button style as you wish.&lt;br /&gt;
*Margin: medium&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 3&#039;&#039;&#039;: Add a Custom HTML block&lt;br /&gt;
&lt;br /&gt;
[[File:Hero-CTA-customHTML.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Add a Custom HTML block and leave all configuration fields blank (no need to add any custom HTML code here) and just set the margin to adjust the spacing as you wish.&lt;br /&gt;
&lt;br /&gt;
The primary purpose of this step is to use this Custom HTML block as a blank row between the Headline/subheadline vs. CTAs buttons of this hero banner section. &lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 4&#039;&#039;&#039;: Add a Button block with the configurations below: &lt;br /&gt;
&lt;br /&gt;
[[File:Hero-CTA-button-config.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
*Fill in the Button label, style, URL, and size as you wish.&lt;br /&gt;
*Margin: Medium&lt;br /&gt;
&lt;br /&gt;
====Use case 8: Collection Grid====&lt;br /&gt;
Below is an example of using two Image With Text blocks and a two-column grid to create a featured collection/subcollection section (view demo).&lt;br /&gt;
&lt;br /&gt;
[[File:Collection-grid-2.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
Here is the list of content blocks and associated configurations for this 2-col section:&lt;br /&gt;
&lt;br /&gt;
[[File:Collection-grid-2-blocks.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 1&#039;&#039;&#039;: Add a &#039;&#039;&#039;[[Add section settings#Add Section|Section Settings]]&#039;&#039;&#039; block and configure as follows:&lt;br /&gt;
&lt;br /&gt;
[[File:Collection-grid-section-setting2.png|border|frameless|1024x1024px]] &lt;br /&gt;
&lt;br /&gt;
*Desktop Layout: 2 Column&lt;br /&gt;
:Learn more about all Hierarchical Grid options that Easy Content Builder provides [https://posstack.com/blog/easy-content-builder-new-hierarchical-grids here].&lt;br /&gt;
* Mobile Layout: One Column&lt;br /&gt;
*Main Column Width: By default, you can start with a 50/50 layout for image and text elements or change this ratio by changing the Main Column Width value.&lt;br /&gt;
* Column Gap: 20&lt;br /&gt;
*Row Gap: 20&lt;br /&gt;
*Text Color: #FFFFFF (change to your desired color)&lt;br /&gt;
*Padding top: 50px&lt;br /&gt;
*Padding bottom: 50px&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 2&#039;&#039;&#039;: Add the first &#039;&#039;&#039;[[Block Image With Text|Image With Text]]&#039;&#039;&#039; block with the configurations below:&lt;br /&gt;
&lt;br /&gt;
[[File:Collection-grid-img-text-2.png|border|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
*Card Style: Overlay - No Mask&lt;br /&gt;
*Card Size: Default&lt;br /&gt;
*Box Shadow: Small&lt;br /&gt;
*Image Position: Bottom &lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note:&#039;&#039;&#039; Due to the current maximum number of settings per block (set by Shopify), we use the Image Position to define the position for the text and CTA buttons. So, you can combine the &#039;&#039;&#039;Image Position&#039;&#039;&#039; and &#039;&#039;&#039;Text Alignment&#039;&#039;&#039; settings to control the position of your text and CTA buttons. |inline}}&lt;br /&gt;
*Image: upload your own image&lt;br /&gt;
*(Image Settings) Image width: enter your image width here (our demo width is 800)&lt;br /&gt;
*(Image Settings) Image height: enter your image height here (our demo height is 800)&lt;br /&gt;
*Text Alignment: Right&lt;br /&gt;
*Title: Enter your title here.&lt;br /&gt;
*Tagline: Enter your tagline (the additional text above your title).&lt;br /&gt;
*Button Text: Enter your text here&lt;br /&gt;
*Button Text: Enter your button text&lt;br /&gt;
* Button Style: Primary&lt;br /&gt;
* Margin: No Margin&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Step 3&#039;&#039;&#039;: You add the second &#039;&#039;&#039;Image With Text&#039;&#039;&#039; block, similar to &#039;&#039;&#039;Step 2&#039;&#039;&#039; above, and configure each block your way. &lt;br /&gt;
&lt;br /&gt;
To keep the text block on the bottom right corner, make sure you set: &lt;br /&gt;
&lt;br /&gt;
*Image Position: Bottom&lt;br /&gt;
*Text Alignment: Left&lt;br /&gt;
&lt;br /&gt;
==== Use case 9: Create a clickable image with text ====&lt;br /&gt;
[[File:Ecb-iwt-img-link.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
You can add a link to an image using the Image With Text with the following configurations:  &lt;br /&gt;
&lt;br /&gt;
* Card Style: Overlay - no mask (Or &#039;Overlay&#039; if you want a mask layer on top of the image)&lt;br /&gt;
* Button URL: insert the URL you want.&lt;br /&gt;
* Button style: Image Link.&lt;br /&gt;
&lt;br /&gt;
===Add other content blocks===&lt;br /&gt;
You can add many content blocks to a section you&#039;ve created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.&lt;br /&gt;
 &lt;br /&gt;
[[File:Ecb-block-v2.jpg|border|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
{{Note|See [https://easy-content-builder-demo.myshopify.com/pages/section-variations all content blocks] available that you can add to a section.|reminder}}&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2506</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2506"/>
		<updated>2024-06-11T07:38:53Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Blog Post&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2505</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2505"/>
		<updated>2024-06-11T07:34:03Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2504</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2504"/>
		<updated>2024-06-11T07:32:30Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Featured_Collections|Featured Collections&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2457</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2457"/>
		<updated>2024-06-07T01:43:58Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Featured_Collections|Featured Collections&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Examples&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2456</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2456"/>
		<updated>2024-06-07T01:40:44Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Featured_Collections|Featured Collections&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
** Metaobject_template_examples|Example&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_sections_metaobject_template&amp;diff=2430</id>
		<title>Add sections metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_sections_metaobject_template&amp;diff=2430"/>
		<updated>2024-06-06T06:05:36Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Add sections to a metaobject template */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Sections to a Metaobject Template}}&lt;br /&gt;
&lt;br /&gt;
This step will guide you how to add new section to the Metaobject template and connect its fields to Dynamic source to display content from Metaobject entries.&lt;br /&gt;
&lt;br /&gt;
==Add sections to a metaobject template==&lt;br /&gt;
====Add Sections====&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: You can follow the same steps as when adding a regular section using Easy Content Builder. For detailed steps, you can find more information [[Add_section_settings|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
====Connect metaobjects using Theme Editor====&lt;br /&gt;
&lt;br /&gt;
After you add a section with blocks or a block that supports dynamic sources, you can connect to metaobject references by clicking the &#039;&#039;&#039;Connect Dynamic Source&#039;&#039;&#039; icon next to the block name.&lt;br /&gt;
&lt;br /&gt;
===== Connect at the Block level =====&lt;br /&gt;
For Blocks associated with one dedicated Metaobject (including &#039;&#039;&#039;Tabs&#039;&#039;&#039;, &#039;&#039;&#039;Accordion&#039;&#039;&#039;, and &#039;&#039;&#039;Image Grid&#039;&#039;&#039;), you need to link to the Media Metaobject reference.&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-connect--block-level.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
===== Connect at the Field level =====&lt;br /&gt;
For Blocks that connect to multiple Metaobjects (e.g.: &#039;&#039;&#039;Image with text&#039;&#039;&#039;), you need to link to both Metaobject references: &lt;br /&gt;
&lt;br /&gt;
* Image Field: link to Media Metaobject&lt;br /&gt;
* Text Link: link to Rich Text Metaobject&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-connect-field-level.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;Tips&#039;&#039;&#039;: Use static texts for the Text fields if they display the same on all pages.|inline}}&lt;br /&gt;
&lt;br /&gt;
===== Example template =====&lt;br /&gt;
The following image shows a sample of the metaobject template that we created with Easy Content Builder. You can see the live demo by clicking [https://easy-content-builder-demo.myshopify.com/pages/artist-thomas-felix here].&lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-template-illustration-v2.jpg|frameless|1040x1040px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps==&lt;br /&gt;
Make sure to refer to the tutorial for a detailed overview of how to create a single Metaobject template to [https://easy-content-builder-demo.myshopify.com/pages/shopify-metaobject-templates showcase recipes] (&#039;&#039;&#039;&#039;&#039;coming soon&#039;&#039;&#039;&#039;&#039;).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2426</id>
		<title>Create metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2426"/>
		<updated>2024-06-06T06:04:11Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobject Templates}}&lt;br /&gt;
&lt;br /&gt;
This page provides instructions on how to create Metaobject template to display content from Metaobject entries that added in previous step.&lt;br /&gt;
&lt;br /&gt;
==Create a metaobject template==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: To create a Metaobject template and assign it to products (articles or store pages), you can follow the same steps as when creating a regular template using Easy Content Builder. For detailed steps, you can find more information [[Create_Template_Apply_to_Multiple_Pages|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: When creating your metaobject template following the guide above, in the &#039;&#039;&#039;Select a template&#039;&#039;&#039; step, you should choose prebuilt-templates from the &#039;&#039;&#039;Metaobject templates&#039;&#039;&#039; list. These pre-built templates are already linked to Metaobjects for you.&lt;br /&gt;
&lt;br /&gt;
You can create a metaobject template based on [https://easy-content-builder-demo.myshopify.com/pages/shopify-landing-page-templates a regular prebuilt template]. Once the template is created, you will need to manually edit its sections to link their fields with Metaobject fields. This enables the sections to display dynamic content rather than static content. &lt;br /&gt;
&lt;br /&gt;
For more information on adding a new section to the template and connecting a field to a dynamic source, see the &#039;&#039;&#039;Next Step&#039;&#039;&#039; section on this page.&lt;br /&gt;
|reminder}}&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject templates.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
==Assign the metaobject template==&lt;br /&gt;
&lt;br /&gt;
After creating a metaobject template, you can assign it to one or multiple products/pages using the same steps as when creating a regular template with Easy Content Builder. For more detailed steps, check out [[Create_Template_Apply_to_Multiple_Pages#How_to_assign_a_template_to_multiple_products_in_bulk|here]].&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
&lt;br /&gt;
====Add New Sections====&lt;br /&gt;
Add new sections to the template: you can also customize the template by adding or editing sections to showcase structured content according to your preferences. Learn [[Add_sections_metaobject_template|how to add a section here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2408</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2408"/>
		<updated>2024-06-06T04:45:39Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject template to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
{{Note|You can also select existing entries from the listif you want reuse the same content across multiple pages.&amp;lt;br/&amp;gt;  E.g: If you added information about &amp;quot;author A&amp;quot; for one book, then you can reuse this information for other books that written by this author.&amp;lt;br/&amp;gt; In this case, you only need to add new entry for the metaobject ECB Rich Text to store information of the book that is being edited, and select entry of Author A from existing entries of metaobject ECB Author  |inline}}&lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
After adding custom data for products. You need to create Metaobject template to display these data on front store.&lt;br /&gt;
&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_sections_metaobject_template&amp;diff=2405</id>
		<title>Add sections metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_sections_metaobject_template&amp;diff=2405"/>
		<updated>2024-06-06T04:20:39Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Next Steps */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Sections to a Metaobject Template}}&lt;br /&gt;
&lt;br /&gt;
==Add sections to a metaobject template==&lt;br /&gt;
====Add Sections====&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: You can follow the same steps as when adding a regular section using Easy Content Builder. For detailed steps, you can find more information [[Add_section_settings|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
====Connect metaobjects using Theme Editor====&lt;br /&gt;
&lt;br /&gt;
After you add a section with blocks or a block that supports dynamic sources, you can connect to metaobject references by clicking the &#039;&#039;&#039;Connect Dynamic Source&#039;&#039;&#039; icon next to the block name.&lt;br /&gt;
&lt;br /&gt;
===== Connect at the Block level =====&lt;br /&gt;
For Blocks associated with one dedicated Metaobject (including &#039;&#039;&#039;Tabs&#039;&#039;&#039;, &#039;&#039;&#039;Accordion&#039;&#039;&#039;, and &#039;&#039;&#039;Image Grid&#039;&#039;&#039;), you need to link to the Media Metaobject reference.&lt;br /&gt;
&lt;br /&gt;
[[File:Connect-dyanmic-source-accordion.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
===== Connect at the Field level =====&lt;br /&gt;
For Blocks that connect to multiple Metaobjects (e.g.: &#039;&#039;&#039;Image with text&#039;&#039;&#039;), you need to link to both Metaobject references: &lt;br /&gt;
&lt;br /&gt;
* Image Field: link to Media Metaobject&lt;br /&gt;
* Text Link: link to Rich Text Metaobject&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;Tips&#039;&#039;&#039;: Use static texts for the Text fields if they display the same on all pages.|inline}}&lt;br /&gt;
&lt;br /&gt;
===== Example template =====&lt;br /&gt;
The following image shows a sample of the metaobject template that we created with Easy Content Builder. You can see the live demo by clicking [https://easy-content-builder-demo.myshopify.com/pages/artist-thomas-felix here].&lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-template-illustration-v2.jpg|frameless|1040x1040px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps==&lt;br /&gt;
Checkout the guide for all steps of creating one Metaobject template for displaying recipes as an example.&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2404</id>
		<title>Create metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2404"/>
		<updated>2024-06-06T04:12:44Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobject Templates}}&lt;br /&gt;
&lt;br /&gt;
==Create a metaobject template==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: To create a Metaobject template and assign it to products (articles or store pages), you can follow the same steps as when creating a regular template using Easy Content Builder. For detailed steps, you can find more information [[Create_Template_Apply_to_Multiple_Pages|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: When creating your metaobject template following the guide above, in the &#039;&#039;&#039;Select a template&#039;&#039;&#039; step, you should choose prebuilt-templates from the &#039;&#039;&#039;Metaobject templates&#039;&#039;&#039; list. These pre-built templates are already linked to Metaobjects for you.&lt;br /&gt;
&lt;br /&gt;
You can also create a template based on regular prebuilt template. But after template created, you will need manually edit its sections to connect their fields with Metaobject fields. This helps sections can display dynamic content instead of static content.&lt;br /&gt;
&lt;br /&gt;
See the next step for more details on how to add new section to template and connect field to dynamic source.&lt;br /&gt;
|reminder}}&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject templates.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
==Assign the metaobject template==&lt;br /&gt;
&lt;br /&gt;
After creating a metaobject template, you can assign it to one or multiple products/pages using the same steps as when creating a regular template with Easy Content Builder. For more detailed steps, check out [[Create_Template_Apply_to_Multiple_Pages#How_to_assign_a_template_to_multiple_products_in_bulk|here]].&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
&lt;br /&gt;
====Add New Sections====&lt;br /&gt;
Add new sections to the template: you can also customize the template by adding or editing sections to showcase structured content according to your preferences. Learn [[Add_sections_metaobject_template|how to add a section here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2403</id>
		<title>Create metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2403"/>
		<updated>2024-06-06T04:05:54Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobject Templates}}&lt;br /&gt;
&lt;br /&gt;
==Create a metaobject template==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: To create a Metaobject template and assign it to products (articles or store pages), you can follow the same steps as when creating a regular template using Easy Content Builder. For detailed steps, you can find more information [[Create_Template_Apply_to_Multiple_Pages|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: When creating your metaobject template following the guide above, in the &#039;&#039;&#039;Select a template&#039;&#039;&#039; step, you should choose prebuilt-templates from the &#039;&#039;&#039;Metaobject templates&#039;&#039;&#039; list. These pre-built templates are already linked to Metaobjects for you.&lt;br /&gt;
&lt;br /&gt;
You can also create a template based on regular prebuilt template. But after template created, you will need manually edit its sections to connect their fields to display data from Metaobject fields.&lt;br /&gt;
|reminder}}&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject templates.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
==Assign the metaobject template==&lt;br /&gt;
&lt;br /&gt;
After creating a metaobject template, you can assign it to one or multiple products/pages using the same steps as when creating a regular template with Easy Content Builder. For more detailed steps, check out [[Create_Template_Apply_to_Multiple_Pages#How_to_assign_a_template_to_multiple_products_in_bulk|here]].&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
&lt;br /&gt;
====Add New Sections====&lt;br /&gt;
Add new sections to the template: you can also customize the template by adding or editing sections to showcase structured content according to your preferences. Learn [[Add_sections_metaobject_template|how to add a section here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2402</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2402"/>
		<updated>2024-06-06T03:59:30Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Create Metaobject Templates */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
{{Note|You can also select existing entries from the listif you want reuse the same content across multiple pages.&amp;lt;br/&amp;gt;  E.g: If you added information about &amp;quot;author A&amp;quot; for one book, then you can reuse this information for other books that written by this author.&amp;lt;br/&amp;gt; In this case, you only need to add new entry for the metaobject ECB Rich Text to store information of the book that is being edited, and select entry of Author A from existing entries of metaobject ECB Author  |inline}}&lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
After adding custom data for products. You need to create Metaobject template to display these data on front store.&lt;br /&gt;
&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2401</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2401"/>
		<updated>2024-06-06T03:53:28Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Add Metaobject entries */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
{{Note|You can also select existing entries from the listif you want reuse the same content across multiple pages.&amp;lt;br/&amp;gt;  E.g: If you added information about &amp;quot;author A&amp;quot; for one book, then you can reuse this information for other books that written by this author.&amp;lt;br/&amp;gt; In this case, you only need to add new entry for the metaobject ECB Rich Text to store information of the book that is being edited, and select entry of Author A from existing entries of metaobject ECB Author  |inline}}&lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2400</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2400"/>
		<updated>2024-06-06T03:52:29Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Add Metaobject entries */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
{{Note|You can also select existing entries from the listif you want reuse the same content across multiple pages.&amp;lt;br/&amp;gt;  E.g: If you added information about &amp;quot;author A&amp;quot; for one book, then you can reuse this information for other books that written by the same author.&amp;lt;br/&amp;gt; In this case, you only need to add new entry for the metaobject ECB Rich Text to store information of the book that is being edited, and select entry of Author A from existing entries of metaobject ECB Author  |inline}}&lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2399</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2399"/>
		<updated>2024-06-06T03:46:08Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Add Metaobject entries */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
{{Note|You can also select existing entries from the listif you want reuse the same content across multiple pages.  E.g: If you added information about &amp;quot;author A&amp;quot; for one book, then you can reuse this information for other books that written by the same author|inline}}&lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2396</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2396"/>
		<updated>2024-06-06T03:29:28Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2395</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2395"/>
		<updated>2024-06-06T03:28:48Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&amp;lt;br/&amp;gt;&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2394</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2394"/>
		<updated>2024-06-06T03:27:45Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
This step guides you how to use Metaobject to add custom data for the product, store page or blog post.&lt;br /&gt;
&lt;br /&gt;
Then you can create Metaobject to present this custom data by the guide in the next step.&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobjects&amp;diff=2393</id>
		<title>Create metaobjects</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobjects&amp;diff=2393"/>
		<updated>2024-06-06T03:19:46Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Add Metaobject entries */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobjects}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: Easy Content Builder provides a one-click option that enables you to create a metaobject definition automatically. No need to manually specify the metaobjects’ name, type, and fields like the native Shopify workflow. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Create metaobjects==&lt;br /&gt;
* Open Apps &amp;gt; Easy Content Builder &amp;gt; &#039;&#039;&#039;Metaobjects&#039;&#039;&#039;&lt;br /&gt;
* On the Manage Metaobjects screen &amp;gt; click the &#039;&#039;&#039;Create&#039;&#039;&#039; button next to the metaobject content types that Easy Content Builder provides to create metaobjects.&lt;br /&gt;
&lt;br /&gt;
:[[File:Ecb-create-metaobject.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
:{{Note|Please note that metaobjects will serve as a dynamic source for various blocks/sections. You will need to create one or all of the metaobject content types (listed in the table below), depending on which one you intend to use.|inline}}&lt;br /&gt;
&lt;br /&gt;
====Types of metaobjects available in Easy Content Builder====&lt;br /&gt;
At present, Easy Content Builder allows you to create six types of metaobjects:  &lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
|+&lt;br /&gt;
!Metaobject Definition&lt;br /&gt;
!Description&lt;br /&gt;
|-&lt;br /&gt;
|ECB Media&lt;br /&gt;
|stores videos, images, and icons. This is used as the dynamic source for Easy Content Builder&#039;s metaobject templates. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Rich Text&lt;br /&gt;
|stores headings, subheadings, descriptions, etc. This is used as the dynamic source for Easy Content Builder&#039;s metaobject templates. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Author Bio&lt;br /&gt;
|stores the writer and author&#039;s profile details (name, position, avatar, etc). This is used as the dynamic source for Easy Content Builder&#039;s metaobject templates. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Tabs&lt;br /&gt;
|store tab content. This is used as the dynamic source for Easy Content Builder&#039;s Tabs block. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Accordion&lt;br /&gt;
|stores accordion content. This is used as the dynamic source for Easy Content Builder&#039;s Accordion block. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Icons With Text&lt;br /&gt;
|stores Icons With Text&#039;s content (Heading, Icons, Description, Links). This is used as the dynamic source for Easy Content Builder&#039;s Icons With Text block.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
====Add Metaobject entries ====&lt;br /&gt;
After creating ECB Metaobjects. You can use these Metaobjects to store structure data for the product, store page or articles. &lt;br /&gt;
&lt;br /&gt;
Learn [[Add_metaobject_entries|how to add data (Metaobject entries) here]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2390</id>
		<title>Add metaobject entries</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Add_metaobject_entries&amp;diff=2390"/>
		<updated>2024-06-06T03:16:10Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Next Steps */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Add Metaobject entries}}&lt;br /&gt;
&lt;br /&gt;
To populate the Metaobject template with data, you need to create Metaobject entries for each product/page/blog post. This will enable the template&#039;s Blocks to display the relevant information.&lt;br /&gt;
&lt;br /&gt;
==Add Metaobject entries==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: This guide provides instructions for adding Metaobject entries for products. The steps are the same for articles and store pages. |inline}}&lt;br /&gt;
&lt;br /&gt;
&#039;&#039;&#039;Steps:&#039;&#039;&#039;&lt;br /&gt;
* Go to your Shopify admin &amp;gt; &#039;&#039;&#039;Products&#039;&#039;&#039;.&lt;br /&gt;
* Find and select the product to which you want to add metaobject-backed sections.&lt;br /&gt;
* On the &#039;&#039;&#039;Edit Product&#039;&#039;&#039; screen, scroll down to the &#039;&#039;&#039;Metafields&#039;&#039;&#039; section, you will see a list of new metafields (depending on which metaobject definitions [[Create_metaobjects|you created in Step 1]]).  &lt;br /&gt;
&lt;br /&gt;
:For each metaobject you want to display on your theme, click on the corresponding metafield &amp;gt; click &#039;&#039;&#039;Add entry&#039;&#039;&#039; and fill out the fields for your metaobject entry. &lt;br /&gt;
&lt;br /&gt;
====For Metafield referenced to a Single Metaobject entry====&lt;br /&gt;
&lt;br /&gt;
:The list of metafields in this group: &lt;br /&gt;
:* ECB Rich Text&lt;br /&gt;
:* ECB Media&lt;br /&gt;
:* ECB Author&lt;br /&gt;
:* ECB Accordions. &lt;br /&gt;
:* ECB Tabs&lt;br /&gt;
&lt;br /&gt;
:For Metafields in this group, you only need to add one metaobject entry for each metafield, like in this video: &lt;br /&gt;
[[File:Create-entries-accordion-tab.gif|frameless|960x960px]] &lt;br /&gt;
&lt;br /&gt;
====For Metafields referenced to Multiple Metaobject entries==== &lt;br /&gt;
&lt;br /&gt;
:The list of Metafields in this group:&lt;br /&gt;
:* Icons With Text.&lt;br /&gt;
&lt;br /&gt;
:{{Note|&#039;&#039;&#039;Note&#039;&#039;&#039;: You can add one or more Metaobject entries for each Metafield, and each entry will be displayed as an item in the linked block. For example, you can add multiple items for the Icons With Text block.|inline}}&lt;br /&gt;
&lt;br /&gt;
For Metafields in this group, you can add multiple metaobject entries, like in this video:&lt;br /&gt;
&lt;br /&gt;
[[File:Create-entries-media-rich-text.gif|frameless|960x960px]]&lt;br /&gt;
&lt;br /&gt;
==Next Steps==&lt;br /&gt;
====Create Metaobject Templates====&lt;br /&gt;
Learn [[Create_metaobject_template|how to create metaobject templates here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobjects&amp;diff=2389</id>
		<title>Create metaobjects</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobjects&amp;diff=2389"/>
		<updated>2024-06-06T03:15:26Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Next Step */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobjects}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: Easy Content Builder provides a one-click option that enables you to create a metaobject definition automatically. No need to manually specify the metaobjects’ name, type, and fields like the native Shopify workflow. |inline}}&lt;br /&gt;
&lt;br /&gt;
==Create metaobjects==&lt;br /&gt;
* Open Apps &amp;gt; Easy Content Builder &amp;gt; &#039;&#039;&#039;Metaobjects&#039;&#039;&#039;&lt;br /&gt;
* On the Manage Metaobjects screen &amp;gt; click the &#039;&#039;&#039;Create&#039;&#039;&#039; button next to the metaobject content types that Easy Content Builder provides to create metaobjects.&lt;br /&gt;
&lt;br /&gt;
:[[File:Ecb-create-metaobject.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
:{{Note|Please note that metaobjects will serve as a dynamic source for various blocks/sections. You will need to create one or all of the metaobject content types (listed in the table below), depending on which one you intend to use.|inline}}&lt;br /&gt;
&lt;br /&gt;
====Types of metaobjects available in Easy Content Builder====&lt;br /&gt;
At present, Easy Content Builder allows you to create six types of metaobjects:  &lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
|+&lt;br /&gt;
!Metaobject Definition&lt;br /&gt;
!Description&lt;br /&gt;
|-&lt;br /&gt;
|ECB Media&lt;br /&gt;
|stores videos, images, and icons. This is used as the dynamic source for Easy Content Builder&#039;s metaobject templates. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Rich Text&lt;br /&gt;
|stores headings, subheadings, descriptions, etc. This is used as the dynamic source for Easy Content Builder&#039;s metaobject templates. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Author Bio&lt;br /&gt;
|stores the writer and author&#039;s profile details (name, position, avatar, etc). This is used as the dynamic source for Easy Content Builder&#039;s metaobject templates. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Tabs&lt;br /&gt;
|store tab content. This is used as the dynamic source for Easy Content Builder&#039;s Tabs block. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Accordion&lt;br /&gt;
|stores accordion content. This is used as the dynamic source for Easy Content Builder&#039;s Accordion block. &lt;br /&gt;
|-&lt;br /&gt;
|ECB Icons With Text&lt;br /&gt;
|stores Icons With Text&#039;s content (Heading, Icons, Description, Links). This is used as the dynamic source for Easy Content Builder&#039;s Icons With Text block.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
====Add Metaobject entries ====&lt;br /&gt;
Add data (aka adding Metaobject entries): By default, the Metaobject template will display blank content, as the Blocks in this template will load data from Metaobject entries. To see data displayed on the template, you&#039;ll need to add Metaobject entries for the product/page/blog post. Learn [[Add_metaobject_entries|how to add data (Metaobject entries) here]]&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2388</id>
		<title>Create metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2388"/>
		<updated>2024-06-06T03:14:48Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Add Metaobject entries */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobject Templates}}&lt;br /&gt;
&lt;br /&gt;
==Create a metaobject template==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: To create a Metaobject template and assign it to products (articles or store pages), you can follow the same steps as when creating a regular template using Easy Content Builder. For detailed steps, you can find more information [[Create_Template_Apply_to_Multiple_Pages|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: When creating your metaobject template following the guide above, in the &#039;&#039;&#039;Select a template&#039;&#039;&#039; step, you should choose prebuilt-templates from the &#039;&#039;&#039;Metaobject templates&#039;&#039;&#039; list. These pre-built templates are already linked to Metaobjects for you.&lt;br /&gt;
|reminder}}&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject templates.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
==Assign the metaobject template==&lt;br /&gt;
&lt;br /&gt;
After creating a metaobject template, you can assign it to one or multiple products/pages using the same steps as when creating a regular template with Easy Content Builder. For more detailed steps, check out [[Create_Template_Apply_to_Multiple_Pages#How_to_assign_a_template_to_multiple_products_in_bulk|here]].&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
&lt;br /&gt;
====Add New Sections====&lt;br /&gt;
Add new sections to the template: you can also customize the template by adding or editing sections to showcase structured content according to your preferences. Learn [[Add_sections_metaobject_template|how to add a section here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2387</id>
		<title>Metaobject intro</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2387"/>
		<updated>2024-06-06T03:07:13Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Use case 1 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:When to use Metaobjects?}}&lt;br /&gt;
&lt;br /&gt;
==What is Shopify metaobject?==&lt;br /&gt;
Metaobjects enable you to create and manage custom data not natively available in your default Shopify data structure, such as recipes, size charts, FAQs, book metadata, technical product specifications, etc. &lt;br /&gt;
&lt;br /&gt;
You can access and modify the data stored in metaobjects from the Shopify admin, then display those Shopify metaobjects within your theme.&lt;br /&gt;
&lt;br /&gt;
==What is Metaobject template?==&lt;br /&gt;
Metaobject templates are a set of metaobject sections designed to provide your online store with a uniform appearance.&lt;br /&gt;
&lt;br /&gt;
For the sections you want to link to your metaobjects, you can easily create a metaobject definition using Easy Content Builder&#039;s one-click option. Once the metaobject definition is set up and entries are created, you can use dynamic sources to link the fields of your metaobject definition.&lt;br /&gt;
&lt;br /&gt;
==When to use Metaobjects template?==&lt;br /&gt;
&lt;br /&gt;
{{Note|You can&#039;t use a regular template for the following use cases because with a large number of products/pages, you can&#039;t display custom-structured information &#039;&#039;&#039;using only one template&#039;&#039;&#039;. By default, only the &amp;quot;Main product information such as media, price, color swatch&amp;quot; and content section (on pages/blog posts) will be dynamic per product/page. Other sections added to the template will display the same content on all products/pages. This is where metaobjects come in handy.|reminder}}&lt;br /&gt;
&lt;br /&gt;
====Use case 1====&lt;br /&gt;
Add and display unique content sections specific to each product or page, when using the same template. &lt;br /&gt;
&lt;br /&gt;
For example, you can display pre-designed banners within product pages, and each banner will be unique for each product. &lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-usecase.jpg|border|frameless|500x500px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 2====&lt;br /&gt;
Add and display a single content section across multiple pages. &lt;br /&gt;
&lt;br /&gt;
For example, display the same Author A bio block on 5 product pages. When you update the Author A Bio, all five products will automatically reflect your edits.&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-author-reusable.jpg|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
==== Use case 3====&lt;br /&gt;
Add and display metaobject-backed pages with fully custom structured-content such as cooking recipes, product pages with complex sepcifications, bookstore pages, creative work, arts and crafts, etc. &lt;br /&gt;
&lt;br /&gt;
For example, you can easily create dedicated cooking recipe pages with typical information such as ingredients, how-to videos and images, cooking steps, nutrition details, etc. &lt;br /&gt;
&lt;br /&gt;
[[File:Same-metaobject-template.jpg|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps ==&lt;br /&gt;
====Create metaobjects====&lt;br /&gt;
Learn [[Create_metaobjects|how to create metaobjects]] (using &#039;&#039;&#039;a one-click option&#039;&#039;&#039;).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2386</id>
		<title>Create metaobject template</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Create_metaobject_template&amp;diff=2386"/>
		<updated>2024-06-06T02:55:08Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Create a metaobject template */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:Create Metaobject Templates}}&lt;br /&gt;
&lt;br /&gt;
==Create a metaobject template==&lt;br /&gt;
{{Note|&#039;&#039;&#039;NOTE&#039;&#039;&#039;: To create a Metaobject template and assign it to products (articles or store pages), you can follow the same steps as when creating a regular template using Easy Content Builder. For detailed steps, you can find more information [[Create_Template_Apply_to_Multiple_Pages|here]]. |inline}}&lt;br /&gt;
&lt;br /&gt;
{{Note|&#039;&#039;&#039;IMPORTANT&#039;&#039;&#039;: When creating your metaobject template following the guide above, in the &#039;&#039;&#039;Select a template&#039;&#039;&#039; step, you should choose prebuilt-templates from the &#039;&#039;&#039;Metaobject templates&#039;&#039;&#039; list. These pre-built templates are already linked to Metaobjects for you.&lt;br /&gt;
|reminder}}&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject templates.jpg|frameless|1024x1024px]]&lt;br /&gt;
&lt;br /&gt;
==Assign the metaobject template==&lt;br /&gt;
&lt;br /&gt;
After creating a metaobject template, you can assign it to one or multiple products/pages using the same steps as when creating a regular template with Easy Content Builder. For more detailed steps, check out [[Create_Template_Apply_to_Multiple_Pages#How_to_assign_a_template_to_multiple_products_in_bulk|here]].&lt;br /&gt;
&lt;br /&gt;
==Next Step==&lt;br /&gt;
&lt;br /&gt;
====Add Metaobject entries====&lt;br /&gt;
Add data (aka adding Metaobject entries): By default, the Metaobject template will display blank content, as the Blocks in this template will load data from Metaobject entries. To see data displayed on the template, you&#039;ll need to add Metaobject entries for the product/page/blog post. Learn [[Add_metaobject_entries|how to add data (Metaobject entries) here]].&lt;br /&gt;
&lt;br /&gt;
====Add New Sections====&lt;br /&gt;
Add new sections to the template: you can also customize the template by adding or editing sections to showcase structured content according to your preferences. Learn [[Add_sections_metaobject_template|how to add a section here]].&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2385</id>
		<title>Metaobject intro</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2385"/>
		<updated>2024-06-06T01:45:30Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Use case 1 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:When to use Metaobjects?}}&lt;br /&gt;
&lt;br /&gt;
==What is Shopify metaobject?==&lt;br /&gt;
Metaobjects enable you to create and manage custom data not natively available in your default Shopify data structure, such as recipes, size charts, FAQs, book metadata, technical product specifications, etc. &lt;br /&gt;
&lt;br /&gt;
You can access and modify the data stored in metaobjects from the Shopify admin, then display those Shopify metaobjects within your theme.&lt;br /&gt;
&lt;br /&gt;
==What is Metaobject template?==&lt;br /&gt;
Metaobject templates are a set of metaobject sections designed to provide your online store with a uniform appearance.&lt;br /&gt;
&lt;br /&gt;
For the sections you want to link to your metaobjects, you can easily create a metaobject definition using Easy Content Builder&#039;s one-click option. Once the metaobject definition is set up and entries are created, you can use dynamic sources to link the fields of your metaobject definition.&lt;br /&gt;
&lt;br /&gt;
==When to use Metaobjects template?==&lt;br /&gt;
&lt;br /&gt;
{{Note|You can&#039;t use a regular template for the following use cases because with a large number of products/pages, you can&#039;t display custom-structured information &#039;&#039;&#039;using only one template&#039;&#039;&#039;. By default, only the &amp;quot;Main product information such as media, price, color swatch&amp;quot; and content section (on pages/blog posts) will be dynamic per product/page. Other sections added to the template will display the same content on all products/pages. This is where metaobjects come in handy.|reminder}}&lt;br /&gt;
&lt;br /&gt;
====Use case 1====&lt;br /&gt;
Add and display unique content sections specific to each product or page, when using the same template. &lt;br /&gt;
&lt;br /&gt;
For example, you can display pre-designed banners within product pages, and each banner will be unique for each product. &lt;br /&gt;
&lt;br /&gt;
Or you can use one metaobject template for all products in the same category (drill, blender, speaker, ...), and each product has different technical specifications presented in many sections with customizable structure. &lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-usecase.jpg|border|frameless|500x500px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 2====&lt;br /&gt;
Add and display a single content section across multiple pages. &lt;br /&gt;
&lt;br /&gt;
For example, display the same Author A bio block on 5 product pages. When you update the Author A Bio, all five products will automatically reflect your edits.&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-author-reusable.jpg|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
==== Use case 3====&lt;br /&gt;
Add and display metaobject-backed pages with fully custom structured-content such as cooking recipes, product pages with complex sepcifications, bookstore pages, creative work, arts and crafts, etc. &lt;br /&gt;
&lt;br /&gt;
For example, you can easily create dedicated cooking recipe pages with typical information such as ingredients, how-to videos and images, cooking steps, nutrition details, etc. &lt;br /&gt;
&lt;br /&gt;
[[File:Same-metaobject-template.jpg|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps ==&lt;br /&gt;
====Create metaobjects====&lt;br /&gt;
Learn [[Create_metaobjects|how to create metaobjects]] (using &#039;&#039;&#039;a one-click option&#039;&#039;&#039;).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2384</id>
		<title>Metaobject intro</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2384"/>
		<updated>2024-06-06T01:44:43Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Use case 1 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:When to use Metaobjects?}}&lt;br /&gt;
&lt;br /&gt;
==What is Shopify metaobject?==&lt;br /&gt;
Metaobjects enable you to create and manage custom data not natively available in your default Shopify data structure, such as recipes, size charts, FAQs, book metadata, technical product specifications, etc. &lt;br /&gt;
&lt;br /&gt;
You can access and modify the data stored in metaobjects from the Shopify admin, then display those Shopify metaobjects within your theme.&lt;br /&gt;
&lt;br /&gt;
==What is Metaobject template?==&lt;br /&gt;
Metaobject templates are a set of metaobject sections designed to provide your online store with a uniform appearance.&lt;br /&gt;
&lt;br /&gt;
For the sections you want to link to your metaobjects, you can easily create a metaobject definition using Easy Content Builder&#039;s one-click option. Once the metaobject definition is set up and entries are created, you can use dynamic sources to link the fields of your metaobject definition.&lt;br /&gt;
&lt;br /&gt;
==When to use Metaobjects template?==&lt;br /&gt;
&lt;br /&gt;
{{Note|You can&#039;t use a regular template for the following use cases because with a large number of products/pages, you can&#039;t display custom-structured information &#039;&#039;&#039;using only one template&#039;&#039;&#039;. By default, only the &amp;quot;Main product information such as media, price, color swatch&amp;quot; and content section (on pages/blog posts) will be dynamic per product/page. Other sections added to the template will display the same content on all products/pages. This is where metaobjects come in handy.|reminder}}&lt;br /&gt;
&lt;br /&gt;
====Use case 1====&lt;br /&gt;
Add and display unique content sections specific to each product or page, when using the same template. &lt;br /&gt;
&lt;br /&gt;
For example, you can display pre-designed banners within product pages, and each banner will be unique for each product. &lt;br /&gt;
&lt;br /&gt;
Or you can use one metaobject template for multiple products in the same category (drill, blender, speaker, ...), and each product has different technical specifications presented in many sections with customizable structure. &lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-usecase.jpg|border|frameless|500x500px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 2====&lt;br /&gt;
Add and display a single content section across multiple pages. &lt;br /&gt;
&lt;br /&gt;
For example, display the same Author A bio block on 5 product pages. When you update the Author A Bio, all five products will automatically reflect your edits.&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-author-reusable.jpg|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
==== Use case 3====&lt;br /&gt;
Add and display metaobject-backed pages with fully custom structured-content such as cooking recipes, product pages with complex sepcifications, bookstore pages, creative work, arts and crafts, etc. &lt;br /&gt;
&lt;br /&gt;
For example, you can easily create dedicated cooking recipe pages with typical information such as ingredients, how-to videos and images, cooking steps, nutrition details, etc. &lt;br /&gt;
&lt;br /&gt;
[[File:Same-metaobject-template.jpg|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps ==&lt;br /&gt;
====Create metaobjects====&lt;br /&gt;
Learn [[Create_metaobjects|how to create metaobjects]] (using &#039;&#039;&#039;a one-click option&#039;&#039;&#039;).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2383</id>
		<title>Metaobject intro</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2383"/>
		<updated>2024-06-06T01:41:18Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* Use case 1 */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:When to use Metaobjects?}}&lt;br /&gt;
&lt;br /&gt;
==What is Shopify metaobject?==&lt;br /&gt;
Metaobjects enable you to create and manage custom data not natively available in your default Shopify data structure, such as recipes, size charts, FAQs, book metadata, technical product specifications, etc. &lt;br /&gt;
&lt;br /&gt;
You can access and modify the data stored in metaobjects from the Shopify admin, then display those Shopify metaobjects within your theme.&lt;br /&gt;
&lt;br /&gt;
==What is Metaobject template?==&lt;br /&gt;
Metaobject templates are a set of metaobject sections designed to provide your online store with a uniform appearance.&lt;br /&gt;
&lt;br /&gt;
For the sections you want to link to your metaobjects, you can easily create a metaobject definition using Easy Content Builder&#039;s one-click option. Once the metaobject definition is set up and entries are created, you can use dynamic sources to link the fields of your metaobject definition.&lt;br /&gt;
&lt;br /&gt;
==When to use Metaobjects template?==&lt;br /&gt;
&lt;br /&gt;
{{Note|You can&#039;t use a regular template for the following use cases because with a large number of products/pages, you can&#039;t display custom-structured information &#039;&#039;&#039;using only one template&#039;&#039;&#039;. By default, only the &amp;quot;Main product information such as media, price, color swatch&amp;quot; and content section (on pages/blog posts) will be dynamic per product/page. Other sections added to the template will display the same content on all products/pages. This is where metaobjects come in handy.|reminder}}&lt;br /&gt;
&lt;br /&gt;
====Use case 1====&lt;br /&gt;
Add and display unique content sections specific to each product or page, when using the same template. &lt;br /&gt;
&lt;br /&gt;
For example, you can display pre-designed banners within product pages, and each banner will be unique for each product. &lt;br /&gt;
&lt;br /&gt;
Or you can use one template for multiple technical products (drill, blender, speaker, ...), and each product has different technical specifications. &lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-usecase.jpg|border|frameless|500x500px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 2====&lt;br /&gt;
Add and display a single content section across multiple pages. &lt;br /&gt;
&lt;br /&gt;
For example, display the same Author A bio block on 5 product pages. When you update the Author A Bio, all five products will automatically reflect your edits.&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-author-reusable.jpg|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
==== Use case 3====&lt;br /&gt;
Add and display metaobject-backed pages with fully custom structured-content such as cooking recipes, product pages with complex sepcifications, bookstore pages, creative work, arts and crafts, etc. &lt;br /&gt;
&lt;br /&gt;
For example, you can easily create dedicated cooking recipe pages with typical information such as ingredients, how-to videos and images, cooking steps, nutrition details, etc. &lt;br /&gt;
&lt;br /&gt;
[[File:Same-metaobject-template.jpg|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps ==&lt;br /&gt;
====Create metaobjects====&lt;br /&gt;
Learn [[Create_metaobjects|how to create metaobjects]] (using &#039;&#039;&#039;a one-click option&#039;&#039;&#039;).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2382</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2382"/>
		<updated>2024-06-06T01:35:36Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Featured_Collections|Featured Collections&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Metaobject Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2381</id>
		<title>Metaobject intro</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=Metaobject_intro&amp;diff=2381"/>
		<updated>2024-06-06T01:33:17Z</updated>

		<summary type="html">&lt;p&gt;Admin: /* When to use Metaobjects? */&lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;{{DISPLAYTITLE:When to use Metaobjects?}}&lt;br /&gt;
&lt;br /&gt;
==What is Shopify metaobject?==&lt;br /&gt;
Metaobjects enable you to create and manage custom data not natively available in your default Shopify data structure, such as recipes, size charts, FAQs, book metadata, technical product specifications, etc. &lt;br /&gt;
&lt;br /&gt;
You can access and modify the data stored in metaobjects from the Shopify admin, then display those Shopify metaobjects within your theme.&lt;br /&gt;
&lt;br /&gt;
==What is Metaobject template?==&lt;br /&gt;
Metaobject templates are a set of metaobject sections designed to provide your online store with a uniform appearance.&lt;br /&gt;
&lt;br /&gt;
For the sections you want to link to your metaobjects, you can easily create a metaobject definition using Easy Content Builder&#039;s one-click option. Once the metaobject definition is set up and entries are created, you can use dynamic sources to link the fields of your metaobject definition.&lt;br /&gt;
&lt;br /&gt;
==When to use Metaobjects template?==&lt;br /&gt;
&lt;br /&gt;
{{Note|You can&#039;t use a regular template for the following use cases because with a large number of products/pages, you can&#039;t display custom-structured information &#039;&#039;&#039;using only one template&#039;&#039;&#039;. By default, only the &amp;quot;Main product information such as media, price, color swatch&amp;quot; and content section (on pages/blog posts) will be dynamic per product/page. Other sections added to the template will display the same content on all products/pages. This is where metaobjects come in handy.|reminder}}&lt;br /&gt;
&lt;br /&gt;
====Use case 1====&lt;br /&gt;
Add and display unique content sections specific to each product or page, when using the same template. &lt;br /&gt;
&lt;br /&gt;
For example, you can display pre-designed banners within product pages, and each banner will be unique for each product. &lt;br /&gt;
&lt;br /&gt;
[[File:Ecb-metaobject-usecase.jpg|border|frameless|500x500px]]&lt;br /&gt;
&lt;br /&gt;
====Use case 2====&lt;br /&gt;
Add and display a single content section across multiple pages. &lt;br /&gt;
&lt;br /&gt;
For example, display the same Author A bio block on 5 product pages. When you update the Author A Bio, all five products will automatically reflect your edits.&lt;br /&gt;
&lt;br /&gt;
[[File:Metaobject-author-reusable.jpg|frameless|800x800px]] &lt;br /&gt;
&lt;br /&gt;
==== Use case 3====&lt;br /&gt;
Add and display metaobject-backed pages with fully custom structured-content such as cooking recipes, product pages with complex sepcifications, bookstore pages, creative work, arts and crafts, etc. &lt;br /&gt;
&lt;br /&gt;
For example, you can easily create dedicated cooking recipe pages with typical information such as ingredients, how-to videos and images, cooking steps, nutrition details, etc. &lt;br /&gt;
&lt;br /&gt;
[[File:Same-metaobject-template.jpg|frameless|800x800px]]&lt;br /&gt;
&lt;br /&gt;
== Next Steps ==&lt;br /&gt;
====Create metaobjects====&lt;br /&gt;
Learn [[Create_metaobjects|how to create metaobjects]] (using &#039;&#039;&#039;a one-click option&#039;&#039;&#039;).&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
	<entry>
		<id>https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2380</id>
		<title>MediaWiki:Sidebar</title>
		<link rel="alternate" type="text/html" href="https://docs.posstack.com/index.php?title=MediaWiki:Sidebar&amp;diff=2380"/>
		<updated>2024-06-06T01:31:37Z</updated>

		<summary type="html">&lt;p&gt;Admin: &lt;/p&gt;
&lt;hr /&gt;
&lt;div&gt;&lt;br /&gt;
* navigation&lt;br /&gt;
* Overview&lt;br /&gt;
** Get_Started|Get Started&lt;br /&gt;
** Use_Cases|Use cases&lt;br /&gt;
** Pricing_plan|Pricing plan&lt;br /&gt;
** FAQs|FAQs&lt;br /&gt;
** Getting_Support|Getting Support&lt;br /&gt;
* Create template&lt;br /&gt;
** Create_Template_Apply_to_Multiple_Pages|For Multiple pages&lt;br /&gt;
** Create_Template_Apply_to_One_Page|For One Page&lt;br /&gt;
** Customize_standard_pages|Home Page &amp;amp; Collection Page&lt;br /&gt;
* Add Section&lt;br /&gt;
** Add_section_settings|Add Block &amp;amp; Section Settings&lt;br /&gt;
** Multi_column_layout_examples|Multi-column examples&lt;br /&gt;
* Block Settings&lt;br /&gt;
** Block_Section_Title|Section Title&lt;br /&gt;
** Block_Image_With_Text|Image with Text&lt;br /&gt;
** Block_Icons_With_Text|Icons With Text&lt;br /&gt;
** Block_Accordion|Accordion&lt;br /&gt;
** Block_Article|Article&lt;br /&gt;
** Block_Before_and_After_Slider|Before and After Slider&lt;br /&gt;
** Block_Buttons|Buttons&lt;br /&gt;
** Block_Circle_Menu|Circle Menu&lt;br /&gt;
** Block_Countdown|Countdown&lt;br /&gt;
** Block_Custom_HTML|Custom HTML&lt;br /&gt;
** Block_Divider|Divider&lt;br /&gt;
** Block_Featured_Collections|Featured Collections&lt;br /&gt;
** Block_Featured_Products|Featured Products&lt;br /&gt;
** Block_Gallery|Gallery&lt;br /&gt;
** Block_Table|Table&lt;br /&gt;
** Block_Tab|Tabs&lt;br /&gt;
** Block_Video|Video&lt;br /&gt;
* Metaobject Templates&lt;br /&gt;
** Metaobject_intro|When to use?&lt;br /&gt;
** Create_metaobjects|Create Metaobjects&lt;br /&gt;
** Add_metaobject_entries|Add Entries&lt;br /&gt;
** Create_metaobject_template|Create Template&lt;br /&gt;
** Add_sections_metaobject_template|Add Section&lt;br /&gt;
* Manage Templates&lt;br /&gt;
** Manage_Templates|Manage Templates&lt;br /&gt;
** Edit_Template|Edit Template&lt;br /&gt;
** Delete_Template|Delete Template&lt;br /&gt;
** Duplicate_Template|Duplicate Template&lt;br /&gt;
* Migration&lt;br /&gt;
**Migration|Migrate ECB Templates to the new theme&lt;br /&gt;
* Customization&lt;br /&gt;
** Custom_CSS|Custom CSS&lt;br /&gt;
** Custom_Liquid|Custom Liquid&lt;br /&gt;
* Uninstallation&lt;br /&gt;
** Uninstallation|Uninstallation&lt;br /&gt;
* The Basics&lt;br /&gt;
** Shopify_Theme|Shopify 2.0 Theme&lt;br /&gt;
** The_Theme_Editor|The Theme Editor&lt;br /&gt;
** Default_Template|Default Template&lt;br /&gt;
** Clean_Template|Create Clean Template&lt;br /&gt;
** Prebuilt_Templates|Prebuilt ECB Templates&lt;br /&gt;
* Resources&lt;br /&gt;
** SVG_Icons|SVG Icons&lt;br /&gt;
** Helpful_Resources|Helpful resources&lt;/div&gt;</summary>
		<author><name>Admin</name></author>
	</entry>
</feed>