Fluid image with text

The section is managed through:

Customize Theme → Sections → Template → Fluid image with text

Introduction:

The Fluid Image with Text section in Shopify offers merchants a dynamic way to integrate impactful visuals with complementary text, creating a cohesive narrative that draws in potential customers. This versatile feature is ideal for showcasing products, emphasizing promotions, or delivering brand stories in an engaging format. The combination of rich imagery with informative or persuasive text allows for a more immersive shopping experience, helping merchants highlight key selling points while maintaining a visually appealing layout. In this section, we'll dive into the various customization tools that make it easy to tailor content to resonate with your audience and drive engagement.

Settings Overview:

The Settings Overview for the Fluid Image with Text section offers key customization options like image placement, text alignment, and button styles. These tools help merchants create visually appealing layouts that effectively convey their message and engage visitors.

• Color scheme: With that setting, the user can choose the color scheme of the Image with text section. For more information on setting up the color schemes, refer to Theme settings → Colors → Schemes.

• Minimum height: Gives control over the height of the section. One of three possibilities is to be chosen: Small, Medium or Large.

• Overlay opacity: A setting that allows the user to control the overlay opacity by creating a box around the subheading, heading, body text, and button. It can vary from 0% to 100% rounded to 10 (0%, 10%, 20%, etc.). When 0% is set, overlay is disabled; when 100% is set, the box would become all white.

• Image: Select an image for the section.

• Text alignment: Gives control over the horizontal positioning of all the text. One of three possibilities is to be chosen: Left, Center or Right.

• Subheading: Enter a subheading for the section.

• Heading: Enter a heading for the section.

• Heading size: Gives control over the heading font size. One of three possibilities is to be chosen: Small, Medium or Large.

• Body text: Enter a body text for the section.

• Button label: Enter a label for the button.

• Button link: With that setting, the user can choose one of the store links or enter an external link for the button.