Block Image With Text - Revision history

An: /* Overview */

2025-04-01T09:12:39Z

Overview

← Older revision		Revision as of 09:12, 1 April 2025
Line 7:		Line 7:
	{{Note\|Easy Content Builder offers 4 sections for managing images:		{{Note\|Easy Content Builder offers 4 sections for managing images:
	*[[Block_Image\|Image Section]]: Ideal for showcasing a single image.		*[[Block_Image\|Image Section]]: Ideal for showcasing a single image.
	*Images With Text: Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.		*Images With Text (the current page you are viewing): Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.
	*[[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.		*[[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.
	*[[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}		*[[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}


	=== What is the Image With Text section perfect for? ===		=== What is the Image With Text section perfect for? ===

An: /* Image With Text settings */

2025-03-27T01:52:13Z

Image With Text settings

← Older revision		Revision as of 01:52, 27 March 2025
Line 55:		Line 55:
	*Step 5: (Optional) Configure the animation and margin of the '''Image With Text''' section.		*Step 5: (Optional) Configure the animation and margin of the '''Image With Text''' section.

	=== Image With Text settings===		=== Image With Text global settings===
	From the Shopify theme editor, click on '''Image with text''' on the sidebar to view the details of settings.		From the Shopify theme editor, click on '''Image with text''' on the sidebar to view the details of settings.

An: /* Use case 10: Create an Image With Text with custom background color */

2025-02-27T03:26:13Z

Use case 10: Create an Image With Text with custom background color

← Older revision		Revision as of 03:26, 27 February 2025
Line 423:		Line 423:

	==== Use case 10: Create an Image With Text with custom background color ====		==== Use case 10: Create an Image With Text with custom background color ====
			To create an Image With Text section with a '''custom background color''' similar to the '''Trending Now''' section on this [https://easy-content-builder-demo.myshopify.com/pages/lp-home-interior Home & Garden landing page], follow these steps:

	'''Step 1''': Add the '''Sections Setting''' and '''Images With Text''' blocks as outlined below.		'''Step 1''': Add the '''Sections Setting''' and '''Images With Text''' blocks as outlined below.

An: /* Use case 10: Create an Image With Text with custom background color */

2025-02-27T03:24:04Z

Use case 10: Create an Image With Text with custom background color

← Older revision		Revision as of 03:24, 27 February 2025
Line 425:		Line 425:

	'''Step 1''': Add the '''Sections Setting''' and '''Images With Text''' blocks as outlined below.		'''Step 1''': Add the '''Sections Setting''' and '''Images With Text''' blocks as outlined below.

			[[File:Ecb iwt custom bg1.jpg\|frameless\|800x800px]]

	'''Step 2''': Access the '''Section Settings''' to configure the '''Background Color''' and '''Text Color''' as specified.		'''Step 2''': Access the '''Section Settings''' to configure the '''Background Color''' and '''Text Color''' as specified.

			[[File:Ecb iwt custom bg2.jpg\|frameless\|800x800px]]

	'''Step 3''': Open the '''Image With Text''' settings; set '''Card Style''' to '''No Card''' and '''Box Shadow''' to '''No Shadow'''. This will ensure your section displays the background color set in Step 2.		'''Step 3''': Open the '''Image With Text''' settings; set '''Card Style''' to '''No Card''' and '''Box Shadow''' to '''No Shadow'''. This will ensure your section displays the background color set in Step 2.

			[[File:Ecb iwt custom bg3.jpg\|frameless\|800x800px]]

	===Add other content blocks===		===Add other content blocks===

An: /* Use case 9: Create a clickable image with text */

2025-02-27T03:21:45Z

Use case 9: Create a clickable image with text

← Older revision		Revision as of 03:21, 27 February 2025
Line 421:		Line 421:
	* Button URL: insert the URL you want.		* Button URL: insert the URL you want.
	* Button style: Image Link.		* Button style: Image Link.

			==== Use case 10: Create an Image With Text with custom background color ====

			'''Step 1''': Add the '''Sections Setting''' and '''Images With Text''' blocks as outlined below.

			'''Step 2''': Access the '''Section Settings''' to configure the '''Background Color''' and '''Text Color''' as specified.

			'''Step 3''': Open the '''Image With Text''' settings; set '''Card Style''' to '''No Card''' and '''Box Shadow''' to '''No Shadow'''. This will ensure your section displays the background color set in Step 2.

	===Add other content blocks===		===Add other content blocks===

An: /* Watch video tutorial */

2024-12-31T13:01:45Z

Watch video tutorial

← Older revision		Revision as of 13:01, 31 December 2024
Line 31:		Line 31:

	=== Watch video tutorial===		=== Watch video tutorial===
	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=-EHTyVR-bzI&list=PLZdliUBbfeeGpJ6_zH4FDyF9QvYv1Pz-2&index=6 here].		Be sure to watch the step-by-step video tutorials demonstrating how to utilize the sections provided in Posstack Easy Content Builder, [https://www.youtube.com/watch?v=-EHTyVR-bzI&list=PLZdliUBbfeeGpJ6_zH4FDyF9QvYv1Pz-2&index=6 click here to watch the video].

	=== How to add Image With Text section ===		=== How to add Image With Text section ===

An: /* Overview */

2024-11-07T03:11:50Z

Overview

← Older revision		Revision as of 03:11, 7 November 2024
Line 19:		Line 19:
	:[[File:Ecb-img-w-text-demo1.png\|border\|frameless\|800x800px]]		:[[File:Ecb-img-w-text-demo1.png\|border\|frameless\|800x800px]]
	* Featured Collections/subcollections: [https://easy-content-builder-demo.myshopify.com/pages/collection-grid here].		* Featured Collections/subcollections: [https://easy-content-builder-demo.myshopify.com/pages/collection-grid here].
	:[[File:Ecb-img-w-text-demo2.png\|border\|frameless\|800x800px]]		:[[File:Ecb-img-w-text-demo2.png\|border\|frameless\|800x800px]]Featured Collections - Example 2: [https://easy-content-builder-demo.myshopify.com/pages/lp-home-interior here]. [[File:2-col-iwt-overlay2.jpg\|frameless\|800x800px]]
	* Sale promotion: See an example [https://easy-content-builder-demo.myshopify.com/products/reading-desk-lamp here]		* Sale promotion: See an example [https://easy-content-builder-demo.myshopify.com/products/reading-desk-lamp here]
	:[[File:Ecb-img-w-text-demo3.png\|border\|frameless\|800x800px]]		:[[File:Ecb-img-w-text-demo3.png\|border\|frameless\|800x800px]]

An at 10:34, 17 September 2024

2024-09-17T10:34:13Z

← Older revision		Revision as of 10:34, 17 September 2024
Line 6:		Line 6:

	{{Note\|Easy Content Builder offers 4 sections for managing images:		{{Note\|Easy Content Builder offers 4 sections for managing images:
	1. [[Block_Image\|Image Section]]: Ideal for showcasing a single image.		*[[Block_Image\|Image Section]]: Ideal for showcasing a single image.
	2. Images With Text: Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.		*Images With Text: Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.
	3. [[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.		*[[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.
	4. [[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}		*[[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}

An at 10:33, 17 September 2024

2024-09-17T10:33:29Z

← Older revision		Revision as of 10:33, 17 September 2024
Line 4:		Line 4:
	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.		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.
	{{Note\|See Image With Text examples [https://easy-content-builder-demo.myshopify.com/pages/section-image-with-text here].\|inline}}		{{Note\|See Image With Text examples [https://easy-content-builder-demo.myshopify.com/pages/section-image-with-text here].\|inline}}

			{{Note\|Easy Content Builder offers 4 sections for managing images:
			1. [[Block_Image\|Image Section]]: Ideal for showcasing a single image.
			2. Images With Text: Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.
			3. [[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.
			4. [[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}


	=== What is the Image With Text section perfect for? ===		=== What is the Image With Text section perfect for? ===

An: /* Image With Text settings */

2024-08-27T03:15:18Z

Image With Text settings

← Older revision		Revision as of 03:15, 27 August 2024
Line 82:		Line 82:
	\|-		\|-
	\|Image Height		\|Image Height
	\|Set the ~~width~~ (in pixel) of the collection’s featured image.		\|Set the height (in pixel) of the collection’s featured image.
	'''IMPORTANT''': Make sure your original image height must be equal to or bigger than the height you specify here.		'''IMPORTANT''': Make sure your original image height must be equal to or bigger than the height you specify here.
	\|-		\|-

← Older revision		Revision as of 10:34, 17 September 2024
Line 6:		Line 6:

	{{Note\|Easy Content Builder offers 4 sections for managing images:		{{Note\|Easy Content Builder offers 4 sections for managing images:
	1. [[Block_Image\|Image Section]]: Ideal for showcasing a single image.		*[[Block_Image\|Image Section]]: Ideal for showcasing a single image.
	2. Images With Text: Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.		*Images With Text: Great for presenting images alongside headings, descriptions, and CTA buttons, with the option to customize the ratio of image to text.
	3. [[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.		*[[Block_Gallery\|Gallery]]: Perfect for creating a grid of photos and videos. Clicking on an image or video opens a lightbox popup to display related content.
	4. [[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}		*[[Block_Icons_With_Text\|Icons With Text]]: Designed for displaying a slider or grid of images, icons, and text. This section can be used for showcasing Trust Badges, a scrolling announcement bar, logo lists, testimonials, or any text columns with icons.\|reminder}}