Image with text
Overview
Image with text pairs media with a positioned content group and independent content alignment.
Add the section
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector at the top of the Theme Editor to open the required template.
- In the template panel, select Add section, choose Image with text, and select Save.
Section settings
LAYOUT
| Full width | Turns full width on or off. |
|---|---|
| Section layout | Choose from Page, Content, Narrow, Custom. |
| Enable sticky content | Turns enable sticky content on or off. |
| Color scheme | Selects one of the color schemes configured in Theme settings. |
MEDIA
| Image | Selects the image used by this section. |
|---|---|
| Media ratio | Choose from Adapt to media, Square, Landscape (4:3), Landscape (16:9), Portrait (4:5), Portrait (3:4), Portrait (9:16). |
| Image position | Choose from Center left, Center right. |
SECTION APPEARANCE
| Media size | Choose from Large, 50%, Small. |
|---|---|
| Content position | Choose from Top left, Top center, Top right, Center left, Center, Center right, Bottom left, Bottom center, Bottom right. |
| Desktop content alignment | Controls desktop content alignment. |
| Mobile content alignment | Controls mobile content alignment. |
BACKGROUND ANIMATION
| On scroll | Choose from None, Sticky, Parallax, Zoom in, Zoom out. |
|---|---|
| Parallax direction | Choose from Vertical, Horizontal. |
| Parallax speed | Adjusts parallax speed within the available range. |
| Zoom | Adjusts zoom within the available range. |
SECTION SPACING
| Desktop and mobile spacing | Sets top and bottom spacing independently for desktop and mobile. |
|---|
Add and arrange blocks
Select Add block to include the content required by the section. Drag blocks in the Theme Editor to change their storefront order.
AVAILABLE BLOCKS
| Positioned Subheading | Adds and configures positioned subheading content in this section. |
|---|---|
| Positioned Heading | Adds and configures positioned heading content in this section. |
| Positioned Copy | Adds and configures positioned copy content in this section. |
| Positioned Split Text | Adds and configures positioned split text content in this section. |
| Text Icon | Adds and configures text icon content in this section. |
| Positioned Group | Adds and configures positioned group content in this section. |
| Positioned Image | Adds and configures positioned image content in this section. |
| Positioned Links | Adds and configures positioned links content in this section. |
| Positioned Button Wrapper | Adds and configures positioned button wrapper content in this section. |
| Positioned Countdown | Adds and configures positioned countdown content in this section. |
| Custom Liquid | Adds and configures custom liquid content in this section. |
| App block | Adds compatible content from an installed Shopify app. |
Recommended setup
- Choose the section width, layout, and color scheme before fine-tuning individual content blocks.
- Configure desktop positioning first, then switch the Theme Editor preview to mobile and adjust the mobile-specific controls.
- Check links, product or collection resources, and interactive controls before publishing the theme.
Conditional settings
Settings that depend on another option appear only when that parent option is enabled. If a control is missing, check the related layout, style, or enable toggle first.