Hyper Theme
Hyper Theme
Theme Sections

Image with feature

2 min read
image

The Image with feature section allows you to showcase a product, promotion, or story using a prominent image alongside a list of highlighted features or benefits. It's ideal for product spotlights or explaining a hero item with key selling points.

How to add an Image with feature section to your Shopify store

Steps:

  1. In the theme editor (Customize), click Add section.
  2. Locate Image with feature section.
  3. Make necessary changes.
  4. Save.

How to customize an Image with feature section

This section contains:

  • One main image on the left
  • Up to 4 feature columns on the right, each with:
    • An icon
    • A heading
    • A brief supporting description

Section settings

General settings

  • Color scheme: Choose a preset color scheme for background/text. Lean more: Colors
  • Image ratio: Pick Square, Portrait, Landscape, or Adapt to Image to control how your image displays.

Image settings

  • Desktop image: Upload the main image to display on desktop.
  • Mobile image (optional): Upload a different image optimized for mobile if needed.
  • Enable sticky on desktop: Makes the image stay visible as users scroll through content on the right.

Section header

Block settings

Each block represents one feature with the following options:

  • Icon/Image: Choose from the theme’s built-in icon list or upload an image as custom icon.
  • Heading: Feature title.
  • Text: Supporting description.
  • Maximum width: Adjust the width of the column to control spacing.
  • Font and text settings: Customize heading size, font family, and highlight styles.

πŸ“ Tip: Keep feature text short and benefit-focused. Use icons that visually support the feature name.

πŸ“± Mobile responsiveness

  • Image stacks on top with features below.
  • Use separate mobile image if necessary for better clarity.
image
Last updated