Image With Text

The Image with Text section is designed to combine impactful imagery with structured content in a clean and visually balanced layout. It allows you to showcase a main image alongside heading, descriptive text, an optional icon, and a call-to-action button, making it ideal for highlighting brand messaging, featured collections, promotional content, or lifestyle-driven storytelling.

image-with-text.png

How to Add the Image With Text Section

  • From your Shopify admin, go to Online Store → Themes.
  • Click Customize on the Renovate theme.
  • In the Theme Editor, select the Image With Text section from the left sidebar.
  • Adjust the settings, blocks, and layout options according to your preferences.
  • Click Save to apply your changes.
image-with-text1.png

How to Edit the Image With Text

  • Color Scheme: Select a color scheme (for example, Scheme 11) to control the background, text, and overall visual style of the section.
  • Section Width: Choose the layout width for the section.
    • Custom Width: Allows the section to expand more freely for a wider and more visually impactful layout.
    • Max. Width: Adjust the maximum width of the overall image area to control how large the image section appears within the layout.
    • Container Width: Keeps the section aligned within the theme's standard content width for a structured appearance.
  • Main Image: Upload the primary image you want to display in the section. This image is used to visually support the text content and can represent products, interiors, collections, or brand storytelling.
  • Image Max. Width: Control the width of the main image itself. Increasing the value makes the image more prominent, while lower values create a more balanced text-to-image ratio.
  • Image Alignment: Choose whether the image appears on the Left or Right side of the text content.
  • Show Icon: Enable this option to display an additional decorative or branded icon over the image area for enhanced visual styling.
  • Select Icon: Upload an icon image to display as a supporting visual element. This is ideal for trust badges, decorative accents, or branding highlights.
  • Icon Vertical Position: Adjust the vertical placement of the icon to position it correctly over the image area based on your design preference.
  • Heading Block: Use the heading block to add the main title for the section, such as a promotional message, brand statement, or featured content heading.
    • Heading: Enter the primary title text you want to display in the section.
    • Font Size: Choose the heading size based on the visual importance of the title.
  • Content Block: Use the content block to add descriptive text, brand messaging, promotional details, or supporting information below the heading.
    • Text: Enter the paragraph or descriptive content you want to display within the section.
  • Button Block: Add a call-to-action button to guide customers toward a collection, product page, or any important destination.
    • Button Type: Choose the visual style of the button.
      • Primary: Highlights the button with a stronger visual emphasis.
      • Secondary: Displays a more subtle and minimal button style.
    • Button Label: Enter the text you want to display on the button, such as Discover More, Shop Now, or Explore Collection.
    • Button Link: Select the destination page, collection, or product where the button should redirect users when clicked.