One product with gallery and buy box on any page, built from the same blocks as the product page.
munich-demo.myshopify.com
A featured product with a compact buy box at the end of a blog post.
What it does
A product of your choice with its gallery and a buy box, anywhere a section can go. The
buy box is made of the same blocks as the Product information section, so anything the
product page can do, this section can do too: bundles, add-on, delivery estimate,
collapsible rows. Adding to cart works from here, including the accelerated checkout
button.
When to use it
At the end of blog posts, on the about page after the story, on a landing page built on
the page template. For a store with one product, the home page can end with it. For a
row of several products, use Featured collection instead.
Blocks
The same set as Product information. See that
page for what each block does.
Setting it up
Pick the Product.
Choose Layout, Image ratio and the Buybox color scheme.
Add a short set of blocks: Product title, Price, Variant picker, Buy buttons, Benefits.
Settings
Setting
Type
What it does
General
Color scheme
Color scheme
The surface of this block, separate from the buy box.
Layout
Select
Split scrolls gallery and buy box together. Sticky product information keeps the buy box in view while the gallery scrolls past.Options: Split, Sticky product information · Default: Split
Product
Product
The product this section shows.
Buybox color scheme
Color scheme
The surface of the buy box, separate from the section behind it.
Gallery
Image ratio
Select
The shape the gallery image is shown in.Options: Square, Portrait, Landscape · Default: Landscape
Show badges over the image
Checkbox
Shows the sale, sold out and new badges over the image.Default: on
Section padding
Top padding
Range
Space between the top of the section and its content. On a phone the theme tightens it by a quarter.0 to 120 px · Default: 60
Bottom padding
Range
Space between the content and the bottom of the section. On a phone the theme tightens it by a quarter.0 to 120 px · Default: 60
Vendor block
Setting
Type
What it does
Link to vendor collection
Checkbox
Makes the vendor name a link to the collection of that vendor.Default: off
Label block
Setting
Type
What it does
Text
Text
The line under the names. Any figure in it must be one you can stand behind.Default: Add a short label
Alignment
Select
Overrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit
Product title block
Setting
Type
What it does
Heading level
Select
Page heading is the one heading that names what the whole page is about; use it once per page, usually on the first section. Everything else is a section heading.Options: Page heading, Section heading · Default: Page heading
Rating block
No settings
Trusted by block
Setting
Type
What it does
First image
Image
The first of three small customer portraits.
Second image
Image
The second portrait.
Third image
Image
The third portrait.
Names
Text
The names of the people in the portraits, separated by commas.Default: Alex M., Sam K.
Show verified badge
Checkbox
Shows a check mark next to the names. Only where the people really are verified somewhere.Default: off
Badge color
Color
The color of the check mark.Default: #0095f6
Text
Text
The line under the names. Any figure in it must be one you can stand behind.Default: and <strong>20,000+</strong> others trust us
Price block
Setting
Type
What it does
Badge
Select
A small mark next to the price: the price per serving, worked out from the pack size below, or the saving against the compare at price.Options: No badge, Price per serving, Saving in percent · Default: Price per serving
Servings per pack
Number
How many servings one pack holds, for the price per serving.
Serving name
Text
What one serving is called: day, cup, portion.
SKU block
No settings
Description block
Setting
Type
What it does
Show below product media
Checkbox
Moves this block from the buy box column to under the gallery on desktop. On a phone the page is one column and the block follows the buy box.Default: off
Variant picker block
Setting
Type
What it does
Variant style
Select
How this block is drawn.Options: Buttons, Swatches · Default: Buttons
Bundle row block
Setting
Type
What it does
Heading
Text
The line above this block's content. Empty for no line.
Bundle card block
Setting
Type
What it does
Option value
Text
The option value this card stands for, spelled exactly as in the product's options, such as 90-day.
Text
Text
A small tag on the card, such as Most popular.
Note
Text
A short line under the pack name, such as Best value.
Units in this pack
Number
How many units the pack holds, for the price per unit on the card.
Features
Text area
One feature per line, shown as a list on the card.
Low stock block
Setting
Type
What it does
Show from
Range
The line appears when the selected variant's stock is at this number or below.1 to 20 · Default: 5
Show icon
Checkbox
Shows a small icon in front of the low stock line.Default: on
Style
Select
How this block is drawn.Options: Plain, Pill · Default: Plain
Quantity selector block
No settings
Buy buttons block
Setting
Type
What it does
Show price in the button
Checkbox
Shows the price next to the button label, or next to the add-on product.Default: off
Show accelerated checkout button
Checkbox
Shows the accelerated checkout button (Shop Pay, Apple Pay and others) under add to cart. Hidden on gift cards.Default: on
Sold-out note
Rich text
A line under the button while the selected variant is sold out. Connect it to a product metafield for a line per product.
Shop Pay Installments block
No settings
Add-on block
Setting
Type
What it does
Product
Product
The product this section shows.
Heading
Text
The line above this block's content. Empty for no line.Default: Pairs well with
Text
Text
The line under the names. Any figure in it must be one you can stand behind.
Show price
Checkbox
Shows the price next to the button label, or next to the add-on product.Default: on
Gift card recipient block
No settings
Payment icons block
No settings
Benefits block
Setting
Type
What it does
Style
Select
How this block is drawn.Options: Boxes, Plain list · Default: Boxes
Color scheme
Color scheme
The surface of this block, separate from the buy box.
Show border
Checkbox
Draws a border around the benefit boxes.Default: on
Heading
Text
The line above this block's content. Empty for no line.
Columns
Select
Whether the benefits sit in one column or two.Options: One, Two · Default: Two
Show below product media
Checkbox
Moves this block from the buy box column to under the gallery on desktop. On a phone the page is one column and the block follows the buy box.Default: off
Key point block
Setting
Type
What it does
Text
Text
The line under the names. Any figure in it must be one you can stand behind.Default: Free shipping on orders over 50
Icon
Select
An icon in front of the row title.Options: None, Shipping, Returns, Guarantee, Delivery time, Natural, Gift, Secure payment, Check, Star · Default: Shipping
Alignment
Select
Overrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit
Trust pills block
Setting
Type
What it does
Trust pills
Text
Short promises as pills, separated by commas.Default: Free returns, Secure checkout, Fast shipping
Alignment
Select
Overrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit
Show below product media
Checkbox
Moves this block from the buy box column to under the gallery on desktop. On a phone the page is one column and the block follows the buy box.Default: off
Delivery estimate block
Setting
Type
What it does
Order cutoff hour
Range
The hour of the day, in your store's time zone, after which an order ships the next shipping day.0 to 23 · Default: 14
Order cutoff minute
Select
The minutes of the cutoff time.Options: :00, :15, :30, :45 · Default: :00
Shipping days
Select
Which days orders go out.Options: Monday to Friday, Monday to Saturday, Every day · Default: Monday to Friday
Delivery takes
Range
Calendar days from dispatch to delivery. The estimate names the last of them, so set what the carrier reliably keeps.1 to 21 d · Default: 3
Pickup availability block
No settings
Share block
No settings
Text block
Setting
Type
What it does
Text
Rich text
The line under the names. Any figure in it must be one you can stand behind.Default: <p>Use this text to explain the product, the story, or the promise behind it.</p>
Size
Select
Large for a lead paragraph, Medium for body copy, Small for fine print.Options: Large, Medium, Small · Default: Medium
Alignment
Select
Overrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit
Collapsible row block
Setting
Type
What it does
Heading
Text
The line above this block's content. Empty for no line.Default: Shipping and returns
Content
Rich text
What the row shows when opened.Default: <p>Describe your shipping and return policy here.</p>
Row style
Select
How this block is drawn.Options: List, Boxed, Card · Default: List
Color scheme
Color scheme
The surface of this block, separate from the buy box.
Marker
Select
The symbol at the end of the row that shows it can open.Options: Chevron, Plus · Default: Chevron
Icon
Select
An icon in front of the row title.Options: None, Natural, Shipping, Returns, Guarantee, Delivery time, Gift, Secure payment, Check, Star · Default: None
Open by default
Checkbox
Shows the row already opened when the page loads.Default: off
Show below product media
Checkbox
Moves this block from the buy box column to under the gallery on desktop. On a phone the page is one column and the block follows the buy box.Default: off
Video testimonials block
Setting
Type
What it does
Color scheme
Color scheme
The surface of this block, separate from the buy box.
Heading
Text
The line above this block's content. Empty for no line.Default: Loved by happy customers
Size
Select
How large the heading of the video testimonials renders.Options: Large, Medium, Small, Extra small · Default: Medium
Accent font
Select
Highlight words puts the italicized words on the accent font. Whole heading sets the entire line in it.Options: Highlight words, Whole heading, Off · Default: Highlight words
Text
Rich text
A short line under the video testimonials heading.
Columns on desktop
Select
How many video cards sit in a row on desktop.Options: 2, 3, 4 · Default: 3
Columns on mobile
Select
How many video cards are visible at once on a phone.Options: 1, 2, 3 · Default: 2
Image ratio
Select
The shape of the video cards.Options: Portrait, Tall · Default: Portrait
Gap
Select
The space between video cards.Options: Small, Medium, Large · Default: Medium
Show below product media
Checkbox
Moves this block from the buy box column to under the gallery on desktop. On a phone the page is one column and the block follows the buy box.Default: on
Video testimonial block
Setting
Type
What it does
Video
Video
A short clip uploaded to your store. Plays in a lightbox when the card is clicked.
Video link
Video URL
A YouTube or Vimeo link, used when no uploaded clip is set.
Poster image
Image
The still on the card before the clip plays.
Spacer block
Setting
Type
What it does
Height
Range
How much space the spacer adds.0 to 100 px · Default: 24
Line
Select
Whether the spacer draws a line across the buy box, and how strong.Options: No line, Line, Hairline · Default: No line
Show below product media
Checkbox
Moves this block from the buy box column to under the gallery on desktop. On a phone the page is one column and the block follows the buy box.Default: off
Custom Liquid block
Setting
Type
What it does
Liquid code
Liquid
HTML or Liquid to render here, such as an app snippet.
This section also accepts app blocks, so apps that provide one can add content here.
Tips
Keep this buy box shorter than the one on the product page: title, price, variant picker or bundle row, buy buttons, three benefits. The visitor can always go to the product page for the rest.
The demo puts it at the end of every blog post, so a reader who is convinced can buy without leaving the article.
Blocks marked Show below product media move under the gallery here too. Fewer blocks below the gallery keeps the section compact.