Section as modal - Revision history

An: /* Add Section as Modal */

2025-09-25T03:33:19Z

Add Section as Modal

← Older revision		Revision as of 03:33, 25 September 2025
Line 21:		Line 21:
	:This allows you to set multi-column layouts, full width, max width, background color, and global margins and padding, among other options.		:This allows you to set multi-column layouts, full width, max width, background color, and global margins and padding, among other options.

	{{Note\|''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.\|inline}}		:{{Note\|''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.\|inline}}

	*'''Step 2''': Add a '''Section as Modal''' block.		*'''Step 2''': Add a '''Section as Modal''' block.

An: /* Add Section as Modal */

2025-09-25T03:32:53Z

Add Section as Modal

← Older revision		Revision as of 03:32, 25 September 2025
Line 16:		Line 16:
	== How to add Section as Modal ==		== How to add Section as Modal ==
	=== Add Section as Modal===		=== Add Section as Modal===
			[[File:Ecb-section-modal-config.jpg\|frameless\|800x800px]]
	*'''Step 1''': Add a '''Section Settings''' section to manage the global settings for the popup.		*'''Step 1''': Add a '''Section Settings''' section to manage the global settings for the popup.

An: /* How to add Section as Modal section */

2025-09-25T03:15:55Z

How to add Section as Modal section

← Older revision		Revision as of 03:15, 25 September 2025
Line 14:		Line 14:
	:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]		:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]

	== How to add Section as Modal ~~section~~ ==		== How to add Section as Modal ==
	=== Add Section as Modal===		=== Add Section as Modal===
	*'''Step 1''': Add a '''Section Settings''' section to manage the global settings for the popup.		*'''Step 1''': Add a '''Section Settings''' section to manage the global settings for the popup.

An: /* How to add Item List section */

2025-09-25T03:15:42Z

How to add Item List section

← Older revision		Revision as of 03:15, 25 September 2025
Line 14:		Line 14:
	:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]		:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]

	== How to add ~~Item List~~ section ==		== How to add Section as Modal section ==
	=== Add ~~Item List section~~===		=== Add Section as Modal===
	*'''Step 1''': Add a '''Section Settings''' section to manage the global settings for the popup.		*'''Step 1''': Add a '''Section Settings''' section to manage the global settings for the popup.

An: /* Section As Modal settings */

2025-09-25T03:15:04Z

Section As Modal settings

@@ Line 13: / Line 13: @@
 * A newsletter sign-up form for a discount offer, with a product image: See an example [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-newsletter here].
 :[[File:Ecb-modal-newsletter.jpg|frameless|800x800px]]
 ==Section As Modal settings==

An: /* Section As Modal settings */

2024-08-30T07:54:22Z

Section As Modal settings

← Older revision		Revision as of 07:54, 30 August 2024
Line 17:		Line 17:
	From the Shopify theme editor, click on the Section as Modal on the sidebar to view the details of settings.		From the Shopify theme editor, click on the Section as Modal on the sidebar to view the details of settings.
	{{Note\|''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.\|inline}}		{{Note\|''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.\|inline}}

			{{Note\|If you add the Modal section into a template, the pop-up will only display on the pages utilizing that specific template.
			If you want to show the pop-up on all pages, you must include the Modal Section in the Footer section group.\|reminder}}

	{\| class="wikitable"		{\| class="wikitable"
	\|+		\|+

An: /* Pre-built Modal template */

2024-08-30T07:38:46Z

Pre-built Modal template

← Older revision		Revision as of 07:38, 30 August 2024
Line 52:		Line 52:
	After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder.		After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder.

	~~[[File:Ecb-popup-template~~.~~jpg\|frameless~~\|~~1024x1024px]]~~		{{Note\|Remember, only one of the 8 prebuilt popups should be enabled at a time.\|reminder}}

	~~Remember, only one of the 8 prebuilt popups should be enabled at a time~~.		[[File:Ecb-popup-template.jpg\|frameless\|1024x1024px]]

	==Use cases==		==Use cases==

An: /* Pre-built Modal template */

2024-08-30T07:38:15Z

Pre-built Modal template

← Older revision		Revision as of 07:38, 30 August 2024
Line 51:		Line 51:

	After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder.		After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder.

			[[File:Ecb-popup-template.jpg\|frameless\|1024x1024px]]

	Remember, only one of the 8 prebuilt popups should be enabled at a time.		Remember, only one of the 8 prebuilt popups should be enabled at a time.

An at 07:37, 30 August 2024

2024-08-30T07:37:18Z

← Older revision		Revision as of 07:37, 30 August 2024
Line 13:		Line 13:
	* A newsletter sign-up form for a discount offer, with a product image: See an example [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-newsletter here].		* A newsletter sign-up form for a discount offer, with a product image: See an example [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-newsletter here].
	:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]		:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]

	{{Note\|'''TIPS''': After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder. Remember, only one of the 8 prebuilt popups should be enabled at a time.\|reminder}}

	==Section As Modal settings==		==Section As Modal settings==
Line 49:		Line 47:

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

			==Pre-built Modal template==

			After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder.

			Remember, only one of the 8 prebuilt popups should be enabled at a time.

	==Use cases==		==Use cases==

An: /* What is the Section as Modal perfect for? */

2024-08-30T07:21:57Z

What is the Section as Modal perfect for?

← Older revision		Revision as of 07:21, 30 August 2024
Line 13:		Line 13:
	* A newsletter sign-up form for a discount offer, with a product image: See an example [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-newsletter here].		* A newsletter sign-up form for a discount offer, with a product image: See an example [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-newsletter here].
	:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]		:[[File:Ecb-modal-newsletter.jpg\|frameless\|800x800px]]

			{{Note\|'''TIPS''': After installing Easy Content Builder, you can use [https://easy-content-builder-demo.myshopify.com/pages/section-as-modal-promo this pre-designed template] to create a popup that suits your requirements. It includes 8 popups created using '''Section as Modal''' and relevant sections in Easy Content Builder. Remember, only one of the 8 prebuilt popups should be enabled at a time.\|reminder}}

	==Section As Modal settings==		==Section As Modal settings==