CaffenzaDocs

Featured product

One product with its gallery and buy buttons.

The Featured product section on desktop.
The Featured product section on desktop.

Spotlight a hero product, such as your signature blend or a brewing kit, with full buy options right on the home page.

How to add it

  1. In Shopify admin, go to Online Store → Themes and click Customize.
  2. Open the page from the page picker at the top of the editor.
  3. In the sidebar, click Add section and choose Featured product.
  4. Fill in the content, then click Save.

Tips

Screenshots

The Featured product section on a phone.
The Featured product section on a phone.
Featured product settings in the theme editor.
Featured product settings in the theme editor.
Showcase layout.
Showcase layout.

Settings

SettingOptionsWhat it does
Section appearance
Color schemeColor scheme
Settings
ProductProduct
LayoutMedia beside details · ShowcaseShowcase sets the details, media and buy column side by side. Blocks before the variant picker sit left of the media; the variant picker, buy buttons and everything after them sit right.
Keep product details in view on desktopOn / OffThe details column stays on screen while the media scrolls.
Prioritize image loadingOn / OffLoads first automatically when this is the first section on the page. Turn on to prioritize it lower down, when it is still visible without scrolling.
Media
PositionLeft · RightPosition is automatically optimized for mobile.
Media widthMedium · LargeMedia is automatically optimized for mobile.
Media layoutGrid · Thumbnails left · Thumbnails bottom · Carousel with dotsBelow 990 px every layout swipes: both thumbnail layouts put their thumbnails under the photo, dots stay, and Grid shows one photo at a time.
Media aspect ratioAdapt to image · Square (1:1) · Portrait (4:5) · Landscape (4:3)Adapt uses the first image's own shape.
Image fitFit (never crop) · Fill (crop to frame)
Open images full screenOn / Off
Animations

Blocks

Click Add block under the section in the sidebar. Drag blocks to change their order.

Vendor up to 1

No settings. Drag the block to place it.

Title up to 1

SettingOptionsWhat it does
Heading sizeSmall · Medium · Large · Extra large
Heading levelH2 · H3 · H4 · H5 · H6Adjust for page structure — one H1 per page. Size is controlled separately.

Rating up to 1

SettingOptionsWhat it does
Link to reviewsTextOptional. For example #reviews to jump to a reviews app block on this page.

Price up to 1

SettingOptionsWhat it does
Show tax and shipping noteOn / OffSays when taxes are included and links your shipping policy, when you have one.
Show Shop Pay InstallmentsOn / OffAppears when Shop Pay Installments is enabled and the price qualifies.

Text

SettingOptionsWhat it does
TextRich text
Text sizeSmall · Medium · Large

Tags

SettingOptionsWhat it does
LabelText
ValueTextConnect a product metafield with the dynamic source button.

Level meter

SettingOptionsWhat it does
LabelText
ValueTextConnect a number metafield with the dynamic source button.
Scale maximum3–10
Start labelText
End labelText

Fact

SettingOptionsWhat it does
LabelText
ValueTextConnect a product metafield with the dynamic source button.

Feature

SettingOptionsWhat it does
IconNone · Award · Bag · Coffee bean · Book · Building · Coffee cup · Envelope · Globe · Headset · Leaf · Lock · Refresh · Shield check · Star · Truck
Custom imageImageReplaces the icon. Shown at the icon width.
Icon width16–64 px
TextText (bold, italic, links)
Supporting textTextShown in a smaller size under the text. Feature blocks placed next to each other form one row.

Variant picker up to 1

No settings. Drag the block to place it.

Buy buttons up to 1

SettingOptionsWhat it does
Show quantity selectorOn / Off
Show dynamic checkout buttonsOn / OffLets customers check out directly with a payment method they know. Learn more
Show gift card recipient formOn / OffGift card products only. Lets customers send the card to someone with a message.
Show pickup availabilityOn / OffShows where the selected variant can be picked up, for locations with local pickup turned on.
Subscription noteTextShown under each subscription option, for example "Pause, skip or cancel anytime". Only promise what your subscriptions app allows.

Description up to 1

SettingOptionsWhat it does
Description length3 lines · 4 lines · 6 lines · Full descriptionLonger descriptions are cut off after this many lines; shoppers read the rest on the product page.
Text sizeSmall · Medium · Large
SettingOptionsWhat it does
Link textText

This section also accepts Custom Liquid blocks and app blocks. It also has the shared Animate on scroll and Section spacing settings.