Featured product

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.
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

  1. Pick the Product.
  2. Choose Layout, Image ratio and the Buybox color scheme.
  3. Add a short set of blocks: Product title, Price, Variant picker, Buy buttons, Benefits.

Settings

SettingTypeWhat it does
General
Color schemeColor schemeThe surface of this block, separate from the buy box.
LayoutSelectSplit 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
ProductProductThe product this section shows.
Buybox color schemeColor schemeThe surface of the buy box, separate from the section behind it.
Gallery
Image ratioSelectThe shape the gallery image is shown in.Options: Square, Portrait, Landscape · Default: Landscape
Show badges over the imageCheckboxShows the sale, sold out and new badges over the image.Default: on
Section padding
Top paddingRangeSpace 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 paddingRangeSpace 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

SettingTypeWhat it does
Link to vendor collectionCheckboxMakes the vendor name a link to the collection of that vendor.Default: off

Label block

SettingTypeWhat it does
TextTextThe line under the names. Any figure in it must be one you can stand behind.Default: Add a short label
AlignmentSelectOverrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit

Product title block

SettingTypeWhat it does
Heading levelSelectPage 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

SettingTypeWhat it does
First imageImageThe first of three small customer portraits.
Second imageImageThe second portrait.
Third imageImageThe third portrait.
NamesTextThe names of the people in the portraits, separated by commas.Default: Alex M., Sam K.
Show verified badgeCheckboxShows a check mark next to the names. Only where the people really are verified somewhere.Default: off
Badge colorColorThe color of the check mark.Default: #0095f6
TextTextThe 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

SettingTypeWhat it does
BadgeSelectA 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 packNumberHow many servings one pack holds, for the price per serving.
Serving nameTextWhat one serving is called: day, cup, portion.

SKU block

No settings

Description block

SettingTypeWhat it does
Show below product mediaCheckboxMoves 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

SettingTypeWhat it does
Variant styleSelectHow this block is drawn.Options: Buttons, Swatches · Default: Buttons

Bundle row block

SettingTypeWhat it does
HeadingTextThe line above this block's content. Empty for no line.

Bundle card block

SettingTypeWhat it does
Option valueTextThe option value this card stands for, spelled exactly as in the product's options, such as 90-day.
TextTextA small tag on the card, such as Most popular.
NoteTextA short line under the pack name, such as Best value.
Units in this packNumberHow many units the pack holds, for the price per unit on the card.
FeaturesText areaOne feature per line, shown as a list on the card.

Low stock block

SettingTypeWhat it does
Show fromRangeThe line appears when the selected variant's stock is at this number or below.1 to 20 · Default: 5
Show iconCheckboxShows a small icon in front of the low stock line.Default: on
StyleSelectHow this block is drawn.Options: Plain, Pill · Default: Plain

Quantity selector block

No settings

Buy buttons block

SettingTypeWhat it does
Show price in the buttonCheckboxShows the price next to the button label, or next to the add-on product.Default: off
Show accelerated checkout buttonCheckboxShows the accelerated checkout button (Shop Pay, Apple Pay and others) under add to cart. Hidden on gift cards.Default: on
Sold-out noteRich textA 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

SettingTypeWhat it does
ProductProductThe product this section shows.
HeadingTextThe line above this block's content. Empty for no line.Default: Pairs well with
TextTextThe line under the names. Any figure in it must be one you can stand behind.
Show priceCheckboxShows 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

SettingTypeWhat it does
StyleSelectHow this block is drawn.Options: Boxes, Plain list · Default: Boxes
Color schemeColor schemeThe surface of this block, separate from the buy box.
Show borderCheckboxDraws a border around the benefit boxes.Default: on
HeadingTextThe line above this block's content. Empty for no line.
ColumnsSelectWhether the benefits sit in one column or two.Options: One, Two · Default: Two
Show below product mediaCheckboxMoves 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

SettingTypeWhat it does
TextTextThe line under the names. Any figure in it must be one you can stand behind.Default: Free shipping on orders over 50
IconSelectAn icon in front of the row title.Options: None, Shipping, Returns, Guarantee, Delivery time, Natural, Gift, Secure payment, Check, Star · Default: Shipping
AlignmentSelectOverrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit

Trust pills block

SettingTypeWhat it does
Trust pillsTextShort promises as pills, separated by commas.Default: Free returns, Secure checkout, Fast shipping
AlignmentSelectOverrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit
Show below product mediaCheckboxMoves 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

SettingTypeWhat it does
Order cutoff hourRangeThe 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 minuteSelectThe minutes of the cutoff time.Options: :00, :15, :30, :45 · Default: :00
Shipping daysSelectWhich days orders go out.Options: Monday to Friday, Monday to Saturday, Every day · Default: Monday to Friday
Delivery takesRangeCalendar 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

SettingTypeWhat it does
TextRich textThe 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>
SizeSelectLarge for a lead paragraph, Medium for body copy, Small for fine print.Options: Large, Medium, Small · Default: Medium
AlignmentSelectOverrides the alignment of the section for this block only.Options: Inherit, Left, Center, Right · Default: Inherit

Collapsible row block

SettingTypeWhat it does
HeadingTextThe line above this block's content. Empty for no line.Default: Shipping and returns
ContentRich textWhat the row shows when opened.Default: <p>Describe your shipping and return policy here.</p>
Row styleSelectHow this block is drawn.Options: List, Boxed, Card · Default: List
Color schemeColor schemeThe surface of this block, separate from the buy box.
MarkerSelectThe symbol at the end of the row that shows it can open.Options: Chevron, Plus · Default: Chevron
IconSelectAn icon in front of the row title.Options: None, Natural, Shipping, Returns, Guarantee, Delivery time, Gift, Secure payment, Check, Star · Default: None
Open by defaultCheckboxShows the row already opened when the page loads.Default: off
Show below product mediaCheckboxMoves 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

SettingTypeWhat it does
Color schemeColor schemeThe surface of this block, separate from the buy box.
HeadingTextThe line above this block's content. Empty for no line.Default: Loved by happy customers
SizeSelectHow large the heading of the video testimonials renders.Options: Large, Medium, Small, Extra small · Default: Medium
Accent fontSelectHighlight 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
TextRich textA short line under the video testimonials heading.
Columns on desktopSelectHow many video cards sit in a row on desktop.Options: 2, 3, 4 · Default: 3
Columns on mobileSelectHow many video cards are visible at once on a phone.Options: 1, 2, 3 · Default: 2
Image ratioSelectThe shape of the video cards.Options: Portrait, Tall · Default: Portrait
GapSelectThe space between video cards.Options: Small, Medium, Large · Default: Medium
Show below product mediaCheckboxMoves 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

SettingTypeWhat it does
VideoVideoA short clip uploaded to your store. Plays in a lightbox when the card is clicked.
Video linkVideo URLA YouTube or Vimeo link, used when no uploaded clip is set.
Poster imageImageThe still on the card before the clip plays.

Spacer block

SettingTypeWhat it does
HeightRangeHow much space the spacer adds.0 to 100 px · Default: 24
LineSelectWhether the spacer draws a line across the buy box, and how strong.Options: No line, Line, Hairline · Default: No line
Show below product mediaCheckboxMoves 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

SettingTypeWhat it does
Liquid codeLiquidHTML 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.