Use Metafields as Dynamic Source - Revision history

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2024-05-31T09:36:16Z

Use case 2: Create a Hero banner with a dynamic banner image

← Older revision		Revision as of 09:36, 31 May 2024
Line 101:		Line 101:
	{{Note\|Useful links:		{{Note\|Useful links:
	*Different hero section layouts for your inspiration: [https://easy-content-builder-demo.myshopify.com/pages/ecb-hero-banners view demo].		*Different hero section layouts for your inspiration: [https://easy-content-builder-demo.myshopify.com/pages/ecb-hero-banners view demo].
	*How to create multi-column layouts: [[~~Section Settings~~\|view setup guide]].\|inline}}		*How to create multi-column layouts: [[Multi_column_layout_examples\|view setup guide]].\|inline}}

	=====Use case 3: Create and display a Product attribute using metafield=====		=====Use case 3: Create and display a Product attribute using metafield=====

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2024-05-31T09:34:31Z

Use case 2: Create a Hero banner with a dynamic banner image

← Older revision		Revision as of 09:34, 31 May 2024
Line 90:		Line 90:
	*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''		*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''
	* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''		* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''
	:{{Note\|If the metafields you created are for other pages (e.g., store pages, blog posts), select the corresponding template. For products, articles, or store pages you design with Easy Content Builder, you can edit these templates under Easy Content Builder > '''Manage Templates'''. For other standard pages (homepage, collection, etc), you can access these templates following [~~http://Template_for_Standard_Pages~~ this guide]. \|inline}}		:{{Note\|If the metafields you created are for other pages (e.g., store pages, blog posts), select the corresponding template. For products, articles, or store pages you design with Easy Content Builder, you can edit these templates under Easy Content Builder > '''Manage Templates'''. For other standard pages (homepage, collection, etc), you can access these templates following [[Customize_standard_pages\|this guide]]. \|inline}}
	:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_Apply_to_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_Apply_to_One_Page\|here]]. \|reminder}}		:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_Apply_to_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_Apply_to_One_Page\|here]]. \|reminder}}
	*Add a new hero section: click '''Add section''' > click '''Section Settings''':		*Add a new hero section: click '''Add section''' > click '''Section Settings''':

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2024-05-31T09:31:54Z

Use case 2: Create a Hero banner with a dynamic banner image

← Older revision		Revision as of 09:31, 31 May 2024
Line 91:		Line 91:
	* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''		* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''
	:{{Note\|If the metafields you created are for other pages (e.g., store pages, blog posts), select the corresponding template. For products, articles, or store pages you design with Easy Content Builder, you can edit these templates under Easy Content Builder > '''Manage Templates'''. For other standard pages (homepage, collection, etc), you can access these templates following [http://Template_for_Standard_Pages this guide]. \|inline}}		:{{Note\|If the metafields you created are for other pages (e.g., store pages, blog posts), select the corresponding template. For products, articles, or store pages you design with Easy Content Builder, you can edit these templates under Easy Content Builder > '''Manage Templates'''. For other standard pages (homepage, collection, etc), you can access these templates following [http://Template_for_Standard_Pages this guide]. \|inline}}
	:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[~~Create_Template_For_Multiple_Pages~~\|here]] or how to create a unique template for a single page [[~~Create_Template_For_Single_Page~~\|here]]. \|reminder}}		:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_Apply_to_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_Apply_to_One_Page\|here]]. \|reminder}}
	*Add a new hero section: click '''Add section''' > click '''Section Settings''':		*Add a new hero section: click '''Add section''' > click '''Section Settings''':
	:[[File:Add-section-hero.jpg\|border\|frameless\|800x800px]]		:[[File:Add-section-hero.jpg\|border\|frameless\|800x800px]]

An: /* Use case 1: Create and display a Related Product section using metafield. */

2023-12-22T02:33:28Z

Use case 1: Create and display a Related Product section using metafield.

← Older revision		Revision as of 02:33, 22 December 2023
Line 34:		Line 34:

	'''Step 1: Create a metafield definition for the Related Products'''		'''Step 1: Create a metafield definition for the Related Products'''
	{{Note\|'''<u>NOTE</u>''': If you are using the Pro plan, please discard this Step 1: Create a metafield definition for the Related Products. You can use the 1-click option under Easy Content Builder > Metaobjects > Metafields > Create. Then, Easy Content Builder will automatically create the Related Product metafields for you.\|reminder}}		{{Note\|'''<u>NOTE</u>''': If you are using the Pro plan, please discard this ''Step 1: Create a metafield definition for the Related Products''. You can use the '''1-click option''' under Easy Content Builder > Metaobjects > Metafields > Create. Then, Easy Content Builder will automatically create the Related Product metafields for you.\|reminder}}
	*From your Shopify admin, click '''Settings''' > '''Custom Data'''		*From your Shopify admin, click '''Settings''' > '''Custom Data'''
	*Click '''Products''' > click '''Add definition'''		*Click '''Products''' > click '''Add definition'''

An: /* Use case 1: Create and display a Related Product section using metafield. */

2023-12-22T02:32:14Z

Use case 1: Create and display a Related Product section using metafield.

← Older revision		Revision as of 02:32, 22 December 2023
Line 31:		Line 31:

	===== Use case 1: Create and display a Related Product section using metafield. =====		===== Use case 1: Create and display a Related Product section using metafield. =====
	{{Note\|'''<u>NOTE</u>''': Adding Related Products using the Dynamic sources best fits when you want to apply the same template to many products, and each product comes with its specific (dynamic) list of Related Products.\|~~reminder~~}}		{{Note\|'''<u>NOTE</u>''': Adding Related Products using the Dynamic sources best fits when you want to apply the same template to many products, and each product comes with its specific (dynamic) list of Related Products.\|inline}}

	'''Step 1: Create a metafield definition for the Related Products'''		'''Step 1: Create a metafield definition for the Related Products'''
			{{Note\|'''<u>NOTE</u>''': If you are using the Pro plan, please discard this Step 1: Create a metafield definition for the Related Products. You can use the 1-click option under Easy Content Builder > Metaobjects > Metafields > Create. Then, Easy Content Builder will automatically create the Related Product metafields for you.\|reminder}}
	*From your Shopify admin, click '''Settings''' > '''Custom Data'''		*From your Shopify admin, click '''Settings''' > '''Custom Data'''
	*Click '''Products''' > click '''Add definition'''		*Click '''Products''' > click '''Add definition'''

An at 08:56, 1 November 2023

2023-11-01T08:56:08Z

@@ Line 102: / Line 102: @@
 *Different hero section layouts for your inspiration: [https://easy-content-builder-demo.myshopify.com/pages/ecb-hero-banners view demo].
 *How to create multi-column layouts: [[Section Settings|view setup guide]].|inline}}
 ===How to bulk edit metafields===
@@ Line 111: / Line 147: @@
 #Click on the checkboxes next to each product you want to edit. Then, click on '''Bulk Edit'''.
 :[[File:Ecb - Bulk edit.png|border|frameless|1024x1024px]]
 #In the Bulk editor, click the '''Columns''' drop-down menu, and then in the '''Metafields''' section, click the '''Template''' checkbox.
 :[[File:Ecb-metafield.jpg|border|frameless|1024x1024px]]
 :Then, you will see all metafields available for the selected objects where you can add, update values, or make any necessary changes.

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2023-11-01T07:40:57Z

Use case 2: Create a Hero banner with a dynamic banner image

← Older revision		Revision as of 07:40, 1 November 2023
Line 90:		Line 90:
	*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''		*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''
	* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''		* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''
			:{{Note\|If the metafields you created are for other pages (e.g., store pages, blog posts), select the corresponding template. For products, articles, or store pages you design with Easy Content Builder, you can edit these templates under Easy Content Builder > '''Manage Templates'''. For other standard pages (homepage, collection, etc), you can access these templates following [http://Template_for_Standard_Pages this guide]. \|inline}}
	:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_For_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_For_Single_Page\|here]]. \|reminder}}		:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_For_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_For_Single_Page\|here]]. \|reminder}}
	*Add a new hero section: click '''Add section''' > click '''Section Settings''':		*Add a new hero section: click '''Add section''' > click '''Section Settings''':
Line 98:		Line 99:
	:[[File:Section-title-hero.jpg\|border\|frameless\|675x675px]]		:[[File:Section-title-hero.jpg\|border\|frameless\|675x675px]]

	Useful links:		{{Note\|Useful links:
	*Different hero section layouts for your inspiration: [https://easy-content-builder-demo.myshopify.com/pages/ecb-hero-banners view demo].		*Different hero section layouts for your inspiration: [https://easy-content-builder-demo.myshopify.com/pages/ecb-hero-banners view demo].
	*How to create multi-column layouts: [[Section Settings\|view setup guide]].		*How to create multi-column layouts: [[Section Settings\|view setup guide]].\|inline}}

	===How to bulk edit metafields===		===How to bulk edit metafields===

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2023-11-01T07:29:16Z

Use case 2: Create a Hero banner with a dynamic banner image

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2023-11-01T07:19:21Z

Use case 2: Create a Hero banner with a dynamic banner image

← Older revision		Revision as of 07:19, 1 November 2023
Line 70:		Line 70:
	*From your Shopify admin, click '''Settings''' > '''Custom Data'''		*From your Shopify admin, click '''Settings''' > '''Custom Data'''
	*Click '''Products''' > click '''Add definition'''		*Click '''Products''' > click '''Add definition'''
	:{{Note\|Note: You can choose another type of object (e.g., pages, articles, collections, customers) that you want to add the metafield to.\|~~reminder~~}}		:{{Note\|Note: You can choose another type of object (e.g., pages, articles, collections, customers) that you want to add the metafield to.\|inline}}
	*In the Product Metafield definition form, assign a namespace (the group that your metafield will belong to) and a key (the specific metafield name) as follows:		*In the Product Metafield definition form, assign a namespace (the group that your metafield will belong to) and a key (the specific metafield name) as follows:
	:*Name: '''Desktop hero banners'''		:*Name: '''Desktop hero banners'''
Line 77:		Line 77:
	:*Select type > '''File'''. Then select ‘'''One File'''”.		:*Select type > '''File'''. Then select ‘'''One File'''”.
	:*Save the metafield definition.		:*Save the metafield definition.
	:{{Note\|Note: Easy Content Builder lets you upload separate hero banners for Desktop and mobile. To use a unique banner for mobile, you just need to create a second metafield for mobile banner following the exact steps above. \|~~reminder~~}}		:{{Note\|Note: Easy Content Builder lets you upload separate hero banners for Desktop and mobile. To use a unique banner for mobile, you just need to create a second metafield for mobile banner following the exact steps above. \|inline}}

	'''Step 2: Add value to the hero banner metafield'''		'''Step 2: Add value to the hero banner metafield'''

An: /* Use case 2: Create a Hero banner with a dynamic banner image */

2023-11-01T05:09:27Z

Use case 2: Create a Hero banner with a dynamic banner image

← Older revision		Revision as of 05:09, 1 November 2023
Line 89:		Line 89:
	*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''		*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''
	*Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''		*Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''
	:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages here or how to create a unique template for a single page here. \|reminder}}		:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_For_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_For_Single_Page\|here]]. \|reminder}}
	*Add a new hero section: click '''Add section''' > click '''Section Settings''':		*Add a new hero section: click '''Add section''' > click '''Section Settings''':
	:[[File:Add-section-hero.jpg\|border\|frameless\|800x800px]]		:[[File:Add-section-hero.jpg\|border\|frameless\|800x800px]]

← Older revision		Revision as of 07:29, 1 November 2023
Line 72:		Line 72:
	:{{Note\|Note: You can choose another type of object (e.g., pages, articles, collections, customers) that you want to add the metafield to.\|inline}}		:{{Note\|Note: You can choose another type of object (e.g., pages, articles, collections, customers) that you want to add the metafield to.\|inline}}
	*In the Product Metafield definition form, assign a namespace (the group that your metafield will belong to) and a key (the specific metafield name) as follows:		*In the Product Metafield definition form, assign a namespace (the group that your metafield will belong to) and a key (the specific metafield name) as follows:
			:[[File:Metafield-desktop-hero.jpg\|border\|frameless\|1024x1024px]]
	:*Name: '''Desktop hero banners'''		:*Name: '''Desktop hero banners'''
	:*Namespace and key: '''''custom.desktop_hero_banners'''''		:*Namespace and key: '''''custom.desktop_hero_banners'''''
	:*Description: (optional)		:*Description: (optional)
	:*Select type > '''File'''. Then select ‘'''One File'''”.		:*Select type > '''File'''. Then select ‘'''One File'''”.
Line 88:		Line 89:

	*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''		*From your Shopify admin, click '''Apps''' > '''Easy Content Builder'''
	*Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''		* Click '''Manage Templates''' > find the template of the product you want to edit, then click '''Customize'''
	:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_For_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_For_Single_Page\|here]]. \|reminder}}		:{{Note\|Note: If you're new to Easy Content Builder, learn how to create a template for multiple pages [[Create_Template_For_Multiple_Pages\|here]] or how to create a unique template for a single page [[Create_Template_For_Single_Page\|here]]. \|reminder}}
	*Add a new hero section: click '''Add section''' > click '''Section Settings''':		*Add a new hero section: click '''Add section''' > click '''Section Settings''':
	:[[File:Add-section-hero.jpg\|border\|frameless\|800x800px]]		:[[File:Add-section-hero.jpg\|border\|frameless\|800x800px]]
	*Open Section Settings block you have created, click on ‘'''Use dynamic sources'''’ icon next to '''Background Image''' field and you will see all metafields you created. Select the '''Desktop hero banners'''. You follow the exact steps to link the metafield for the '''Background Image for Mobile''' (provided that you have already created a metafield for the mobile banner image). Then, you can play around with other settings (''layout column'', ''padding top'', ''padding bottom'', etc.) under the '''Section Settings''' block as you wish.		*Open Section Settings block you have created, click on ‘'''Use dynamic sources'''’ icon next to '''Background Image''' field and you will see all metafields you created. Select the '''Desktop hero banners'''. You follow the exact steps to link the metafield for the '''Background Image for Mobile''' (provided that you have already created a metafield for the mobile banner image). Then, you can play around with other settings (''layout column'', ''padding top'', ''padding bottom'', etc.) under the '''Section Settings''' block as you wish.
	:[[File:Dynamic-sources-hero.jpg\|border\|frameless\|655x655px]]		:[[File:Dynamic-sources-hero.jpg\|border\|frameless\|655x655px]]
	*Next, add a '''Section Title''' block to display the hero heading, tagline, CTA buttons. Under the same app section that you created the hero banner, click '''Add Block''' > select '''Section Title'''. Then fill in the ''Title'', ''Tagline'', ''Description'', and ''button'' style as you wish.		*Next, add a '''Section Title''' block to display the hero heading, tagline, CTA buttons. Under the same app section that you created the hero banner, click '''Add Block''' > select '''Section Title'''. Then fill in the ''Title'', ''Tagline'', ''Description'', and ''button'' style as you wish.
	:[[File:Section-title-hero.jpg\|border\|frameless\|675x675px]]		:[[File:Section-title-hero.jpg\|border\|frameless\|675x675px]]

Line 109:		Line 110:
	#Click on the checkboxes next to each product you want to edit. Then, click on '''Bulk Edit'''.		#Click on the checkboxes next to each product you want to edit. Then, click on '''Bulk Edit'''.
	:[[File:Ecb - Bulk edit.png\|border\|frameless\|1024x1024px]]		:[[File:Ecb - Bulk edit.png\|border\|frameless\|1024x1024px]]
	#In the Bulk editor, click the '''Columns''' drop-down menu, and then in the '''Metafields''' section, click the '''Template''' checkbox.		#In the Bulk editor, click the '''Columns''' drop-down menu, and then in the '''Metafields''' section, click the '''Template''' checkbox.
	:[[File:Ecb-metafield.jpg\|border\|frameless\|1024x1024px]]		:[[File:Ecb-metafield.jpg\|border\|frameless\|1024x1024px]]
	:Then, you will see all metafields available for the selected objects where you can add, update values, or make any necessary changes.		:Then, you will see all metafields available for the selected objects where you can add, update values, or make any necessary changes.