Image gallery
Overview
Image gallery presents a collection of media in horizontal scroll, mosaic, or stacked mobile layouts.
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 gallery, and select Save.
Section settings
LAYOUT
| Full width | Turns full width on or off. |
|---|---|
| Section layout | Choose from Page, Content, Narrow, Custom. |
COLOR
| Color scheme | Selects one of the color schemes configured in Theme settings. |
|---|
TEXT
| Subheading | Sets the subheading shown in the section. |
|---|---|
| Subheading style | Choose from Display, Page title, Section heading, Secondary heading, Subheading, Body, Caption. |
| Heading | Use | to split the heading into multiple lines. |
| Heading style | Choose from Display, Page title, Section heading, Secondary heading, Subheading, Body, Caption. |
| Make font bolder | Turns make font bolder on or off. |
| Media ratio | Choose from Adapt to media, Square, Landscape (4:3), Landscape (16:9), Portrait (3:4), Portrait (9:16). |
| View all label | Sets the view all label shown in the section. |
| View all link | Sets the destination for view all link. |
| Open in new tab | Turns open in new tab on or off. |
| Image size | Choose from Large, Medium, Small, Extra small, Very small, Tiny. |
MOBILE LAYOUT
| Mobile style | Choose from Horizontal scroll, Mosaic, Stacked. |
|---|---|
| Show headings on mosaic | Turns show headings on mosaic on or off. |
| Heading override color | Controls heading override color. |
| Mobile max columns | Choose from 1, 2, 3, 4. |
| Mobile image size scale | Adjusts mobile image size scale within the available range. |
| Interaction | Default keeps the normal tap behavior. Hover uses the first tap to preview hover content and the next tap to open the link. |
| Show navigation arrows | Turns show navigation arrows on or off. |
HEADING LAYOUT
| Heading alignment desktop | Controls heading alignment desktop. |
|---|---|
| Heading position desktop | Choose from Left, Center, Right. |
| Heading alignment mobile | Controls heading alignment mobile. |
| Heading position mobile | Choose from Left, Center, Right. |
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
| Image | Adds and configures image content in this section. |
|---|
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.