Product with media
A single product card shown beside an image or video — theme editor → Add section → Product with media. Available on regular page templates (not the header, drawers, or popups).
Content
Section titled “Content”Heading and subheading text are edited in the fixed section heading block below, not here.
Product
Section titled “Product”- Product — the product shown in the card. A placeholder card is shown until one is picked.
- Image — the image beside the card.
- Video — a Shopify-hosted video, played muted on a loop. Overrides the image when set.
- Aspect ratio — 16:9, 4:3, 1:1, 4:5, 3:4, 2:3, or Auto (the video’s or image’s own proportions). Default 1:1.
Layout
Section titled “Layout”- Order — whether the media or the product card comes first on desktop: Media first or Product first. Default Media first. On mobile the media always sits above the card.
Product card
Section titled “Product card”- Width — how wide the card can grow: Small, Medium, or Large. Default Medium.
- Horizontal alignment — Left, Center, or Right within its column. Default Center.
- Vertical alignment — Top, Middle, or Bottom, against the height of the media. Default Middle.
Section settings
Section titled “Section settings”- Color scheme — default Scheme 1.
- Spacing — Bottom, Top, Top and bottom, or None. Default Top and bottom.
- Spacing size — Base, Small, or X-small. Default Base.
- Container size — Full, Wide, or Normal. Default Normal.
- Include header offset — pushes the section down by the header’s height, in addition to the padding above. Default off.
Blocks
Section titled “Blocks”- Section heading — see Shared content blocks.