Image With Text
The Image With Text section allows you to combine visual content with descriptive text to highlight important information about your products, collections, or brand story. This section is useful for creating visually engaging layouts where images and text work together to promote featured content and guide customers toward key actions.
1. How to Add the Image With Text Section
- Log in to your Shopify Admin.
- Go to Online Store >> Themes.
- Click Customize on the Emoll-Apario theme.
- In the Theme Editor, choose the page where you want to add the section.
- Click Add Section.
- Select Image With Text from the section list.
- Click Save to apply the changes.
2. Image With Text Settings
- Color Scheme: Select a color scheme to control the background, text, and accent colors used in this section.
- Select Image 01: Upload the primary image that will appear in the section layout.
- Select Image 02: Upload a secondary image to create a more visually engaging design.
- Image Alignment: Choose whether the images appear on the left or right side of the text content.
- Image Max Width: Adjust the maximum width of the images to control their size within the section.
- Image Overlay: Apply an overlay effect on the images to improve text readability.
- Image Animation: Change the animation direction to horizontal or diagonal.
- Subheading: Add a small introductory line above the main heading.
- Heading: Enter the main title for the section to highlight the content.
- Heading Size: Choose the heading size that fits your page layout.
- Heading Display: Change the heading style to uppercase or default.
- Text: Add descriptive content such as product details, brand information, or promotional messaging.
- Button Label: Enter the text that will appear on the call-to-action button.
- Button Link: Select the destination page, product, or collection where the button will lead.
- Text Vertical Position: Choose where the text appears vertically within the section (Top, Center, or Bottom).
- Text Alignment: Select the alignment style for the heading and paragraph text.
- Select Background Image overlay: Upload an image to use as a background overlay for added visual interest.
Pro Tips
- Use high-quality images to make the section visually appealing.
- Combine clear headings with short descriptions to keep content easy to read.
- Add a strong call-to-action button to guide customers toward important pages.
- Use this section to highlight featured collections, brand story, or promotional campaigns.