In the theme editor: CustomizeHome pageAdd sectionFeatured product

Featured product

One product with its photos and everything needed to buy it, right on the page: options, quantity and buttons.

Each piece is a block. Remove what you don’t need, or add a Custom Liquid block for something special.

Settings

General

Product
Product
More products
ProductsUp to 5 more products to switch between. The next one peeks out behind the photo, with dots under it. Empty: one product.
Version
Choice: Light, DarkDefault: LightLight: a white card on the page background. Dark: a stage in the theme dark color, with a soft light behind the product.

Media

Image shape
Choice: Portrait (4:5), SquareDefault: Square
Image side on desktop
Choice: Automatic: opposite the section above, Start side, End sideDefault: Automatic: opposite the section aboveOn phone the image is always above the details. Automatic: when the section above also has an image beside text, the image goes on the other side, so consecutive sections alternate; otherwise it sits at the start (right, in Hebrew).
Arrows between images
On or offDefault: OnAll of the product media, including video and a 3D model, if any.
Badge on the image
On or offDefault: On

Details

Details alignment
Choice: Start side, CenteredDefault: Start side
Settings every section sharesWindow, Scrolling, Spacing, Colors, Text styling

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Window

Attach
Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window
Image corners
Choice: Rounded, SquareDefault: Rounded

Scrolling

Next section covers it on scroll
On or offDefault: OffScrolling down, this section stays in place under the header and the next section rises over it. Scrolling back reverses it. Off in the editor, for visitors who asked for reduced motion and on very short screens.

Spacing

Custom spacing for this section
On or offDefault: OffOff: the section spacing from theme settings, under Layout. On: the values here, above and below this section. On phones most sections use 65% of them.
Space above
Slider, 0 to 120 pxDefault: 40 px
Space below
Slider, 0 to 120 pxDefault: 40 px
Content width
Choice: Narrow, Standard, Wide, Full widthDefault: Standard

Colors

Color scheme
Color schemeSame as the page scheme: the section sits on the page background. Another scheme gives the section its own background, as a card inside the frame. Custom colors below override the scheme.
Use custom colors for this section
On or offDefault: OffOverrides the color scheme. Empty fields follow the scheme.
Background
ColorDefault: #F1F1EF
Text
ColorEmpty: automatic. Light on a dark background, dark on a light one.
Background style
Choice: Flat color, Lit stageDefault: Flat colorLit stage: a soft light from above that fades toward the bottom, made from the section color, light or dark. On a dark color, text and buttons turn light on their own.
Light color
ColorThe soft light from the top center. Empty: white.

Text styling

Custom text styling for this section
On or offDefault: OffOtherwise the section uses the theme styling. Shopify fonts do not include Hebrew, so you choose between styles that work in Hebrew.
Heading style
Choice: Theme default, Light, Bold, SerifDefault: Theme default
Heading size
Slider, 70 to 160 %Default: 100 %
Heading color
ColorEmpty: automatic, uses the section color (light on a dark background).
Text style
Choice: Theme default, Light, Bold, SerifDefault: Theme default
Text size
Slider, 70 to 160 %Default: 100 %
Text color
ColorEmpty: automatic, uses the section color (light on a dark background).

Blocks

Blocks are the pieces inside the section. Add, remove and drag them in the editor to change the order.

App block

Apps you install can add their own block here, for example reviews or a size chart from an app.

This part has no settings of its own.

Title

General

Small line above the name
TextOptional. Empty: no line.
Show vendor
On or offDefault: Off
Description

General

Description length in words
Slider, 10 to 60Default: 28
Text

General

Text
TextA short description under the title. You can connect it to a product field.
Price

This part has no settings of its own.

Purchase options

General

One-time purchase and subscription options, for products sold with a subscriptions app. Without this block, only products sold by subscription alone show the options, above the add to cart button.

Options picker

General

Style
Choice: Buttons, Dropdown listDefault: Buttons
Colors
Choice: Color circles, Dropdown listDefault: Color circlesFor a color option only. The other options follow the style above.
Size guide page
PageProducts with their own “Size guide” field (custom.size_guide) show that page. Otherwise this page, and if it is empty, the page from theme settings.
Quantity

General

Placed right before the buy buttons block, the quantity sits on the same row as the add to cart button. Anywhere else it stands on its own, with a label.

Buy buttons

General

Buy now button
On or offDefault: OnGoes straight to checkout with this product only, and keeps the cart as it is.
Dynamic checkout buttons
Choice: Wallet, or Shopify's "Buy it now", Wallet only, OffDefault: Wallet, or Shopify's "Buy it now"Shopify's buttons under the buy buttons. They show the shopper's wallet (Shop Pay, Apple Pay, Google Pay, PayPal) when one is enabled in your payment settings. While the Buy now button is on, Shopify's own "Buy it now" never shows, so there is only one.
Payment shortcut buttons
On or offDefault: Offbit, credit card and anything you added. Adds to cart and goes to checkout. The buttons themselves are in theme settings, "Express payment buttons".
Show recipient form for gift cards
On or offDefault: OnLets buyers send a gift card directly to someone else. While the form is shown, the Buy now button and the dynamic checkout buttons are hidden on gift cards, because Shopify checks the recipient details only when adding to cart.
Product page link

General

Link text
TextEmpty: "View full details".
Custom Liquid

General

Custom Liquid
CodeFor advanced customization and app snippets.

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.