Product page
The Product page of Local: the gallery and media settings, variant selection, sticky add to cart, and the blocks that build the product information.
Applies to: Local 4.2.1 and later. Added in: Local 1.0.0. Last checked: 2026-10-13 against Local 4.2.1.
The Product page section shows one product: its media gallery on one side and the product blocks (title, price, variant picker, buy buttons and the rest) on the other. It is the main section of the product template, so every product that uses the template gets the same layout.
Where to find it: in the theme editor, open the template picker and select Products → Default product, then select Product page.
Media
The Media settings choose how the product images and videos are shown.
Gallery style sets the desktop gallery. Mobile always shows a slider.
- Slider shows one image at a time, with dots or thumbnails to move between them.
- Scroll one column (the default) stacks the images in one column that the customer scrolls past.
- Scroll two columns shows the images in a two-column grid. Turn on Enhance first image to show the first image at full width above the grid.
The other media settings:
- Images aspect ratio crops every image to the same shape (4:3, 1:1, 5:6 or 2:3). Natural, the default, keeps each image uncropped.
- Fit images inside container (cropped ratios only) shows the whole image inside the chosen shape instead of cropping it.
- Videos and other media aspect ratio keeps videos and 3D models in their own shape, or makes them follow the images aspect ratio. Crop videos when following images aspect ratio then fills the shape with the video.
- Show border around gallery draws a thin border around each image.
- Inherit card design properties gives each image the card border, background and shadow from Theme settings. It replaces Show border around gallery.
- Gallery inner spacing adds space inside each image frame, 0 to 15 %, so the product floats in the frame.
- Enable image zoom opens the image full screen when the customer clicks it; the image moves with the mouse.
- Disable parallax effect turns off the slight sideways movement of the images while the customer swipes the slider.
Gallery slider pagination
Gallery slider pagination chooses how customers move through the slider: Dots under the image, or Thumbnails of every image. The scroll gallery styles show the thumbnails only on mobile, where the gallery is a slider.
When the customer selects a variant that has its own image, the gallery moves to that image.
Videos
- Enable video looping (on by default) replays product videos when they end.
- Enable video autoplay starts videos on their own. Autoplaying videos are muted and have no controls.
Functionality
Select the first available variant by default (on by default) selects the first variant in stock when the page opens, so customers can add to cart right away.
When you turn it off, no variant is selected. The add to cart button says "Choose a variant first" until the customer picks one, and the SKU and the selected variant's price stay hidden until then. Products with only one variant are always selected.
Sticky add to cart
Turn on Enable sticky add to cart to show a bar with the product title, price and an add to cart button once the customer scrolls past the main add to cart button. On mobile the bar appears as soon as that button leaves the screen. Sold out products do not show the bar.
- Enable add to cart for multiple variants makes the bar's button add the selected variant, with the quantity and options chosen on the page. When it is off, products with several variants show Choose options in the bar, which scrolls back to the variant picker. Products with one variant always get the add to cart button.
- Style sets a Wide bar across the bottom of the screen or a smaller Floating bar.
- Background color and Text color set the bar's colors. Blur background makes the bar semi-transparent and blurs the page behind it.
The sticky bar works with the Buy buttons block: keep that block on the page.
Product page blocks
Everything next to the gallery is a block. Add blocks with Add block in the Product page section and drag them into order. The default product template starts with Vendor, Title, Price, Variant picker, Buy buttons, Description and Share, with Empty space blocks between them.
The blocks are documented by task:
- Title, Vendor, Price, Tax information, SKU / barcode, Product badges, Description, Product rating and Share: Product information blocks.
- Text, Collapsible tab, Image, Button, Popup, Text banner, Custom HTML / Liquid, Divider and Empty space: Product content blocks.
- Variant picker, Product siblings, Buy buttons and Custom property: Product variant and buy blocks. Color and image swatches: Variant swatches.
- Pickup availability and Back in stock alert: Product availability blocks.
- Nutritional information, Nutriscore, Attribute meter, Progress dots chart, Progress bar chart and Icons list: Product attribute blocks.
- Products list, Complementary products, Coupon code, Disclosures and Variant metafield: More product blocks.
- App blocks from the apps you install.
Many blocks share two groups of settings:
- Block Heading: Title, Subtitle, Tooltip text (a small info icon next to the title that shows the text on hover) and Icon (a small image before the title, 76 x 76 px PNG).
- Block Style: Collapsible lets customers open and close the block by clicking its heading, and Opened by default shows it open when the page loads. Layout sets Boxed (a framed box) or Compact (no frame). Custom text color, and for boxed blocks Custom background color and Darken the header, change the block's colors.
A block can collapse only when it has a Title or a Subtitle: the heading is what customers click.
The Featured product section and the Quick view popup use the same blocks. The Product recommendations section sits below the Product page section in the default template; see Product recommendations section.
Can I use a different product page for some products?
Yes. Create a second product template and assign it to those products. In the theme editor, open the template picker, select Products → Create template, and base it on Default product. Then open each product in Shopify admin and choose the new template under Theme template. A separate template is how you give pre-order products their own button label, or food products their nutrition blocks.
Why must customers choose a variant first?
Because Select the first available variant by default is off. Until the customer selects a value for every option, the add to cart button says "Choose a variant first" and the price shows the lowest price ("From …") when variants have different prices. Turn the setting on in Products → Default product → Product page → Functionality to preselect the first available variant.
Why do the gallery thumbnails not show?
The thumbnails appear only with Gallery slider pagination set to Thumbnails, and only on the slider. With Scroll one column or Scroll two columns, desktop shows every image stacked, so there are no thumbnails; mobile and tablet show them under the slider.
All Product page settings
Every setting of the section and of its 35 blocks, with its type and default.
Accepts these blocks: Divider, Text, Vendor, Product badges, Title, Price, Tax information, SKU / barcode, Variant picker, Back in stock alert, Product siblings, Custom property, Buy buttons, Description, Nutritional information, Product rating, Share, Collapsible tab, Pickup availability, Products list, Image, Complementary products, Icons list, Progress dots chart, Progress bar chart, Custom HTML / Liquid, Nutriscore, Attribute meter, Text banner, Button, Popup, Variant metafield, Empty space, Coupon code, Disclosures and app blocks.
Product page section: Media
Where to find it: Products → Default product → Product page → Media
Gallery style (dropdown, default: Scroll: Scroll one column): Sets the desktop gallery: a slider with one image at a time, one column of stacked images, or a two-column grid. Mobile always shows a slider. Options: Slider: Slider, Scroll: Scroll one column, Scroll: Scroll two columns.
Enhance first image (checkbox, default: off): Shows the first image at full width above the two-column grid on desktop. Shown only when Gallery style is Scroll: Scroll two columns.
Images aspect ratio (dropdown, default: Uncropped: Natural): Crops every product image to the same shape. Natural keeps each image uncropped. Videos and 3D models follow Videos and other media aspect ratio. Options: Uncropped: Natural, Cropped: Short (4:3), Cropped: Square (1:1), Cropped: Tall (5:6), Cropped: Taller (2:3).
Videos and other media aspect ratio (dropdown, default: Keep media original aspect ratio): Sets whether videos and 3D models keep their own shape or follow Images aspect ratio. Options: Keep media original aspect ratio, Follow images aspect ratio.
Crop videos when following images aspect ratio (checkbox, default: on): Fills the image shape with the video, cropping its edges, instead of fitting it inside with bars. Shown only when Videos and other media aspect ratio is Follow images aspect ratio.
Fit images inside container (checkbox, default: off): Shows the whole image inside the cropped shape instead of cutting its edges. Shown only when Images aspect ratio is not Uncropped: Natural.
Show border around gallery (checkbox, default: off): Draws a thin border around each gallery image. Ignored when Inherit card design properties is on.
Inherit card design properties (checkbox, default: off): Gives each gallery image the card border, card background and card shadow from Theme settings.
Gallery inner spacing (slider 0 to 15 %, default: 0 %): Adds space inside each image frame, as a percentage, so the product sits inside the frame with room around it.
Gallery slider pagination (radio buttons, default: Dots): Sets the slider navigation: dots, or thumbnails of every media item. With the scroll gallery styles the thumbnails show only on mobile and tablet. Options: Dots, Thumbnails.
Enable image zoom (checkbox, default: on): Opens the clicked image full screen; the image moves with the mouse so customers can look at details.
Enable video looping (checkbox, default: on): Replays product videos when they end.
Enable video autoplay (checkbox, default: off): Starts product videos on their own, muted and without controls.
Disable parallax effect (checkbox, default: off): Turns off the sideways movement of the images while the customer swipes the gallery slider.
Product page section: Functionality
Where to find it: Products → Default product → Product page → Functionality
Select the first available variant by default (checkbox, default: on): Selects the first variant in stock when the page opens. When off, customers must select a value for every option before the add to cart button works; products with one variant are always selected.
Product page section: Sticky add to cart
Where to find it: Products → Default product → Product page → Sticky add to cart
Enable sticky add to cart (checkbox, default: off): Shows a bar with the product title, price and an add to cart button once the customer scrolls past the main add to cart button (on mobile, as soon as it leaves the screen). Sold out products do not show it. Needs the Buy buttons block.
Enable add to cart for multiple variants (checkbox): Makes the bar's button add the selected variant with the quantity and options chosen on the page. When off, products with several variants show Choose options, which scrolls back to the variant picker. Shown only when Enable sticky add to cart is on.
Style (dropdown, default: Wide): Sets a full-width bar at the bottom of the screen or a smaller floating bar. Options: Wide, Floating. Shown only when Enable sticky add to cart is on.
Background color (color, default: #fff). Shown only when Enable sticky add to cart is on.
Text color (color, default: #111). Shown only when Enable sticky add to cart is on.
Blur background (checkbox, default: on): Makes the bar 60 % transparent and blurs the page behind it. Shown only when Enable sticky add to cart is on.
Divider block
Where to find it: Products → Default product → Product page → Add block → Divider
Height (slider 1 to 10 px, default: 1 px).
Divider block: Divider Design
Where to find it: Products → Default product → Product page → Add block → Divider → Divider Design
Color (color, default: #000000).
Style (dropdown, default: Solid). Options: Solid, Dotted, Dashed, Double.
Text block
Where to find it: Products → Default product → Product page → Add block → Text
Text (rich text, default: "Text block").
Text size (dropdown, default: Regular). Options: Small, Regular, Large.
Text color (color, default: #6A6A6A).
Text transform (uppercase) (checkbox, default: off).
Vendor block
Where to find it: Products → Default product → Product page → Add block → Vendor
Text size (dropdown, default: Regular). Options: Small, Regular, Large.
Product badges block
Where to find it: Products → Default product → Product page → Add block → Product badges
One Product badges block per section.
The Product badges block has no settings in Local 4.2.1.
Title block
Where to find it: Products → Default product → Product page → Add block → Title
One Title block per section.
The Title block has no settings in Local 4.2.1.
Price block
Where to find it: Products → Default product → Product page → Add block → Price
One Price block per section.
The Price block has no settings in Local 4.2.1.
Tax information block
Where to find it: Products → Default product → Product page → Add block → Tax information
One Tax information block per section.
Open links in (dropdown, default: Popup): Sets where the shipping policy link opens: in a popup over the product page, in the same window or in a new window. The link shows only when the store has a shipping policy in Shopify admin → Settings → Policies. Options: Popup, Same window, New window.
SKU / barcode block
Where to find it: Products → Default product → Product page → Add block → SKU / barcode
One SKU / barcode block per section.
The SKU / barcode block has no settings in Local 4.2.1.
Variant picker block
Where to find it: Products → Default product → Product page → Add block → Variant picker
One Variant picker block per section.
Variants selector type (dropdown, default: Blocks): Shows the option values as buttons (Blocks) or in a dropdown. Color and image swatches need Blocks. Options: Blocks, Dropdown.
The "blocks" variant selector type offers support for color swatches created with category metafields. Shopify Help Center.
Metaobject swatch metafields (text field): The product metafields, typed as namespace.key and separated by commas, whose metaobject entries give option values their image or color swatches. See Variant swatches.
Variant picker block: Inventory level
Where to find it: Products → Default product → Product page → Add block → Variant picker → Inventory level
Inventory notification (dropdown, default: Don't show inventory information): Shows a stock message under the options. The below-5 option shows the number left from 5 items down; Always show inventory also shows it above 5. Needs inventory tracking on the variant. Options: Don't show inventory information, Show a notice if inventory falls below 5, Always show inventory.
Custom inventory notification colors.
Low inventory (color, default: transparent).
Regular stock (color, default: transparent).
Out of stock (color, default: transparent).
Back in stock alert block
Where to find it: Products → Default product → Product page → Add block → Back in stock alert
One Back in stock alert block per section.
This back in stock alert form will show up when the product is out of stock.
Store owner will receive an email when a customer fills in this form. Store owner must manually notify the customer once the product is back in stock.
Text (formatted text, default: "Enter your email address below to be notified when this product is back in stock.").
Button label (text field, default: "Notify me").
Success message (text field, default: "Thanks! We will notify you when this product becomes available!"): Shows after the customer sends the form.
Email message (text field, default: "I would like to be notified when this product is back in stock."): The message you receive in the contact email, together with the customer's email, the product, the variant and its link.
Product siblings block
Where to find it: Products → Default product → Product page → Add block → Product siblings
To assign a different list to each product, use a product reference list metafield as a dynamic source. See Product variant and buy blocks.
Heading (text field, default: "Sibling products").
Products (products picker): The products shown as thumbnails, each linked to its page. Connect it to a product list metafield so each product shows its own group.
Media aspect ratio (dropdown, default: Square (1:1)). Options: Short (4:3), Square (1:1), Tall (5:6), Taller (2:3).
Reduce opacity for unavailable products (checkbox, default: off): Fades the thumbnails of sold out products.
Custom property block
Where to find it: Products → Default product → Product page → Add block → Custom property
Line item properties allow you to gather customization details for a product added to the cart.
Label (text field, default: "Custom property"): The field name shown to the customer, and the name of the line item property in the cart and the order.
Type (dropdown, default: Text). Options: Text, Checkbox, Dropdown.
Required (checkbox, default: off): Customers must fill out this field to add the product to the cart.
Hide at checkout (checkbox, default: off): Keeps the answer out of the checkout and the order summary the customer sees (the property name gets a leading underscore). You still see it in the order in Shopify admin.
Custom property block: Text property settings
Where to find it: Products → Default product → Product page → Add block → Custom property → Text property settings
Allow long text (checkbox, default: off). Shown only when Type is Text.
Maximum characters (number). Shown only when Type is Text.
Custom property block: Checkbox property settings
Where to find it: Products → Default product → Product page → Add block → Custom property → Checkbox property settings
Value (text field, default: "Yes"): Appears on the order summary. Shown only when Type is Checkbox.
Custom property block: Dropdown property settings
Where to find it: Products → Default product → Product page → Add block → Custom property → Dropdown property settings
Values (text field, default: "Value 1,Value 2,Value 3"): Separate values by a comma. Shown only when Type is Dropdown.
Default value (checkbox, default: on): Adds an empty "----" choice that is selected first, so the customer must pick a value. Shown only when Type is Dropdown.
Buy buttons block
Where to find it: Products → Default product → Product page → Add block → Buy buttons
One Buy buttons block per section.
Show price (checkbox, default: on): Shows the price above the buttons, with the amount saved when the variant is on sale.
Show quantity selector (checkbox, default: on).
Show "pre-order" button label (checkbox, default: off): Shows "Pre-Order" instead of "Add to cart" for every available variant of every product on this template. Use a separate template for pre-order products.
Show dynamic checkout buttons (checkbox, default: on): Using the payment methods available on your store, customers see their preferred option, like PayPal or Apple Pay. Shopify Help Center.
Show recipient information form for gift card products (checkbox, default: off): Adds a form to send a gift card product to a recipient by email, with a name, a message and a send date. Dynamic checkout buttons are hidden on gift card products while it is on.
Buy buttons block: Custom colors
Where to find it: Products → Default product → Product page → Add block → Buy buttons → Custom colors
Text (color, default: transparent): Overrides the theme's text color for the buttons of this block.
Accent (color, default: transparent): Overrides the theme's accent color for the buttons of this block.
Button style (dropdown, default: Solid). Options: Outline, Solid.
Description block
Where to find it: Products → Default product → Product page → Add block → Description
One Description block per section.
Description block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Description → Block Heading
To see all icons, visit the Krown icon library.
Title (text field).
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): Upload a 76 x 76px.png image.
Description block: Block Style
Where to find it: Products → Default product → Product page → Add block → Description → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: off): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Nutritional information block
Where to find it: Products → Default product → Product page → Add block → Nutritional information
Nutritional information block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Nutritional information → Block Heading
Title (text field, default: "Nutritional information").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Nutritional information block: Block Content
Where to find it: Products → Default product → Product page → Add block → Nutritional information → Block Content
Left column label (text field, default: "Typical values").
Right column label (text field, default: "Per 100g").
Information (rich text, default: "Energy, 205 kJ / 49 kcal Fat, 0g - of which: Saturates, 0g Carbohydrate, 10g - of which: Sugars, 7g"): The table rows: one row per line (Shift + Enter), label and value separated by the first comma, a hyphen at the start indents the row, a new paragraph starts a new table. Connect it to a rich text metafield for per-product values.
Extra information (rich text, default: "Ingredients: Sugar, Glucose Syrup, Water, Beef Gelatine, Acid: Citric Acid, Flavouring"): Text under the table, for example the ingredients.
Nutritional information block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Nutritional information → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the block when Information is empty, for example on products whose connected metafield has no value.
Nutritional information block: Block Style
Where to find it: Products → Default product → Product page → Add block → Nutritional information → Block Style
Collapsible (checkbox, default: on): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Boxed): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Product rating block
Where to find it: Products → Default product → Product page → Add block → Product rating
One Product rating block per section.
To display ratings, add a product rating app. Learn more.
Share block
Where to find it: Products → Default product → Product page → Add block → Share
One Share block per section.
If you include a link in social media posts, the page's featured image will be shown as the preview image. Shopify Help Center.
A store title and description are included with the preview image. Shopify Help Center.
Share block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Share → Block Heading
Title (text field, default: "Share").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Share block: Block Content
Where to find it: Products → Default product → Product page → Add block → Share → Block Content
Show Facebook (checkbox, default: on).
Show X (checkbox, default: on).
Show Pinterest (checkbox, default: on).
Show custom link (checkbox, default: off): Adds a Share link that opens the device's share menu; browsers without one show Copy to clipboard, which copies the product link.
Share block: Block Style
Where to find it: Products → Default product → Product page → Add block → Share → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Collapsible tab block
Where to find it: Products → Default product → Product page → Add block → Collapsible tab
Collapsible tab block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Collapsible tab → Block Heading
To see all icons, visit the Krown icon library.
Title (text field, default: "Collapsible tab").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): Upload a 76 x 76px.png image.
Collapsible tab block: Block Content
Where to find it: Products → Default product → Product page → Add block → Collapsible tab → Block Content
Tab content (rich text): The tab text. It shows above the page content and the image when those are set too.
Tab content from page (page picker): Adds the content of a Shopify page to the tab, under Tab content. It does not replace Tab content.
Tab image (image): Adds an image to the tab, under the text and the page content.
Collapsible tab block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Collapsible tab → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the tab when Tab content, Tab content from page and Tab image are all empty, for example when they are connected to empty metafields.
Collapsible tab block: Block Style
Where to find it: Products → Default product → Product page → Add block → Collapsible tab → Block Style
Collapsible (checkbox, default: on): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Pickup availability block
Where to find it: Products → Default product → Product page → Add block → Pickup availability
Up to 2 Pickup availability blocks per section.
This theme shows pickup availability based on selected store. Learn more.
Style (dropdown, default: Extended): Extended lists up to 2 locations with pickup available, with Shopify's pickup time and store details, without the store selector. Compact shows one line for the store chosen in the store selector and needs that section set up. Options: Compact, Extended.
Pickup availability block: Block Style
Where to find it: Products → Default product → Product page → Add block → Pickup availability → Block Style
Layout (dropdown, default: Boxed): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Products list block
Where to find it: Products → Default product → Product page → Add block → Products list
One Products list block per section.
Products list block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Products list → Block Heading
Title (text field, default: "Products list").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Products list block: Block Content
Where to find it: Products → Default product → Product page → Add block → Products list → Block Content
Products (products picker, up to 3): Up to 3 products, each with its image, title, price and a quick buy button. Connect it to a product list metafield for different products on each page.
Products list block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Products list → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the block when the product list is empty.
Products list block: Block Style
Where to find it: Products → Default product → Product page → Add block → Products list → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Image block
Where to find it: Products → Default product → Product page → Add block → Image
Image block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Image → Block Heading
Title (text field).
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Image block: Block Content
Where to find it: Products → Default product → Product page → Add block → Image → Block Content
Image (image).
Mobile image (optional) (image): Replaces the image on mobile.
Border radius (slider 0 to 30 px, default: 0 px).
Link (link).
Open link in a new window (checkbox, default: off): Opens the image link in a new browser tab. Shown only when Link is set.
Image block: Block Style
Where to find it: Products → Default product → Product page → Add block → Image → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Complementary products block
Where to find it: Products → Default product → Product page → Add block → Complementary products
One Complementary products block per section.
Complementary products block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Complementary products → Block Heading
Title (text field, default: "Pairs well with").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Complementary products block: Block Content
Where to find it: Products → Default product → Product page → Add block → Complementary products → Block Content
To select complementary products, add the Search & Discovery app. Shopify Help Center.
Show price (checkbox, default: on).
Show rating (checkbox, default: off).
Enable quick buy (checkbox, default: on): Adds a quick buy button to each product; products with options open the Quick view popup.
Maximum number of products shown (slider 1 to 8, default: 3): The most complementary products to show. They come from the Search & Discovery app's product recommendations.
Complementary products block: Block Style
Where to find it: Products → Default product → Product page → Add block → Complementary products → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Icons list block
Where to find it: Products → Default product → Product page → Add block → Icons list
Up to 4 Icons list blocks per section.
Icons list block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Icons list → Block Heading
Title (text field, default: "Icons list").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Icons list block: Block Content
Where to find it: Products → Default product → Product page → Add block → Icons list → Block Content
Layout (dropdown, default: Inline): Shows the icons in a grid, inline in one row, or as a vertical list. Options: Grid, Inline, List.
To visualize & download icons included in the theme, please visit resources.krownthemes.com.
Icons list block: Item 1
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 1
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 2
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 2
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 3
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 3
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 4
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 4
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 5
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 5
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 6
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 6
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 7
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 7
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 8
Where to find it: Products → Default product → Product page → Add block → Icons list → Item 8
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Icons list → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the block when item 1 has no icon and no label, for example when it is connected to an empty metafield.
Icons list block: Block Style
Where to find it: Products → Default product → Product page → Add block → Icons list → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Progress dots chart block
Where to find it: Products → Default product → Product page → Add block → Progress dots chart
Progress dots chart block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Progress dots chart → Block Heading
Title (text field, default: "Slider title").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Progress dots chart block: Block Content
Where to find it: Products → Default product → Product page → Add block → Progress dots chart → Block Content
Caption (text field, default: "Dots caption").
Dot icon (dropdown, default: Circle empty). Options: Apple, Bottle, Circle, Circle empty, Chili pepper, Coffee bean, Diamond, Drop, Glass, Heart, Lemon, Star, Sun.
Dot size (slider 10 to 30, default: 14).
Total dots (slider 1 to 10, default: 5).
Highlighted dots (slider 0 to 10, default: 3): The number of highlighted icons, capped at Total dots.
Progress dots chart block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Progress dots chart → Dynamic content
Use dynamic sources to define unique values by creating product metafields for the progress chart. See Product attribute blocks.
Highlighted dots metafield (text field): The product metafield, typed as namespace.key (for example custom.roast_level), whose number sets the highlighted dots. Type it, do not connect it. Products without a value use Highlighted dots.
Progress dots chart block: Custom colors
Where to find it: Products → Default product → Product page → Add block → Progress dots chart → Custom colors
Inactive color (color, default: transparent).
Highlighted color (color, default: transparent).
Progress dots chart block: Block Style
Where to find it: Products → Default product → Product page → Add block → Progress dots chart → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Progress bar chart block
Where to find it: Products → Default product → Product page → Add block → Progress bar chart
Progress bar chart block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Progress bar chart → Block Heading
Title (text field, default: "Progress slider").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Progress bar chart block: Block Content
Where to find it: Products → Default product → Product page → Add block → Progress bar chart → Block Content
Caption (text field, default: "Slider caption").
Slider height (slider 4 to 20 px, default: 8 px).
Slider width (slider 100 to 250 px, step 2, default: 250 px).
Value (slider 0 to 100 %, default: 50 %): The filled part of the bar, in percent. The bar is static; customers cannot move it.
Progress bar chart block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Progress bar chart → Dynamic content
Use dynamic sources to define unique values by creating product metafields for the progress chart. See Product attribute blocks.
Value metafield (text field): The product metafield, typed as namespace.key, whose number (0 to 100) sets the filled part of the bar. Type it, do not connect it. Products without a value use Value.
Progress bar chart block: Custom colors
Where to find it: Products → Default product → Product page → Add block → Progress bar chart → Custom colors
Inactive color (color, default: transparent).
Highlighted color (color, default: transparent).
Progress bar chart block: Block Style
Where to find it: Products → Default product → Product page → Add block → Progress bar chart → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Custom HTML / Liquid block
Where to find it: Products → Default product → Product page → Add block → Custom HTML / Liquid
Custom HTML / Liquid block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Custom HTML / Liquid → Block Heading
Title (text field).
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Custom HTML / Liquid block: Block Content
Where to find it: Products → Default product → Product page → Add block → Custom HTML / Liquid → Block Content
Custom Liquid (Liquid): HTML, CSS, JavaScript or Liquid code. Liquid can read the product, for example {{ product.title }}.
Custom HTML / Liquid block: Block Style
Where to find it: Products → Default product → Product page → Add block → Custom HTML / Liquid → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Nutriscore block
Where to find it: Products → Default product → Product page → Add block → Nutriscore
Nutriscore block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Block Heading
Title (text field, default: "Nutriscore").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Nutriscore block: Block Content
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Block Content
Active item (slider 1 to 5, default: 3): The marked letter: 1 is the first item (A), 5 the last (E).
Use dynamic sources to set the active item or segment with product metafields. See Product attribute blocks.
Active item metafield (text field): The product metafield, typed as namespace.key (for example custom.nutriscore), whose number (1 to 5) sets the marked letter. Type it, do not connect it. Products without a value use Active item.
Nutriscore block: Item 1
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Item 1
Label (text field, default: "A").
Color (color, default: #007517).
Nutriscore block: Item 2
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Item 2
Label (text field, default: "B").
Color (color, default: #94C11E).
Nutriscore block: Item 3
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Item 3
Label (text field, default: "C").
Color (color, default: #FFDE00).
Nutriscore block: Item 4
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Item 4
Label (text field, default: "D").
Color (color, default: #F29200).
Nutriscore block: Item 5
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Item 5
Label (text field, default: "E").
Color (color, default: #DD1E01).
Nutriscore block: Block Style
Where to find it: Products → Default product → Product page → Add block → Nutriscore → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Attribute meter block
Where to find it: Products → Default product → Product page → Add block → Attribute meter
Attribute meter block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Attribute meter → Block Heading
Title (text field, default: "Attribute meter").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Attribute meter block: Block Content
Where to find it: Products → Default product → Product page → Add block → Attribute meter → Block Content
Segments (slider 1 to 10, default: 9).
Active segments (slider 1 to 10, default: 6): The value shown on the meter, in segments.
Use dynamic sources to set the active item or segment with product metafields. See Product attribute blocks.
Active segment metafield (text field): The product metafield, typed as namespace.key (for example custom.strength), whose number sets the active segments. Type it, do not connect it. Products without a value use Active segments.
Active segment color (color, default: #000000).
Fill segments up to active segment (checkbox, default: off): Fills every segment up to the value, like a progress bar. When off, only the segment at the value is filled.
Remove space between segments (checkbox, default: off).
Segments height (slider 3 to 10, default: 6).
Show active segments value (checkbox, default: off): Writes the value over the meter, for example 4/9.
Start label (text field).
Middle label (text field).
End label (text field).
Attribute meter block: Block Style
Where to find it: Products → Default product → Product page → Add block → Attribute meter → Block Style
Collapsible (checkbox, default: off): Lets customers open and close the block by clicking its heading. Works only when the block has a Title or a Subtitle.
Opened by default (checkbox, default: off): Shows the collapsible block open when the page loads. Shown only when Collapsible is on.
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Text banner block
Where to find it: Products → Default product → Product page → Add block → Text banner
Text banner block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Text banner → Block Heading
Title (text field, default: "Important product information").
Tooltip text (text field).
Icon (image): To see all icons, visit the Krown icon library.
Text banner block: Block Content
Where to find it: Products → Default product → Product page → Add block → Text banner → Block Content
Text content (rich text, default: "Use this to inform about shipping rates, promotions, or any other important information."): The banner's message.
Banner link (link): Makes the whole banner clickable.
Open link in a new window (checkbox, default: off). Shown only when Banner link is set.
Text banner block: Block Style
Where to find it: Products → Default product → Product page → Add block → Text banner → Block Style
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Applies to boxed version only.
Button block
Where to find it: Products → Default product → Product page → Add block → Button
Button label (text field, default: "Learn more"): The button text. The button is hidden when it is empty.
Button style (dropdown, default: Solid). Options: Outline, Solid.
Button link (link).
Open link in a new window (checkbox, default: off). Shown only when Button link is set.
Popup block
Where to find it: Products → Default product → Product page → Add block → Popup
Button label (text field, default: "Open popup").
Button style (dropdown, default: Solid). Options: Outline, Solid.
Popup block: Content
Where to find it: Products → Default product → Product page → Add block → Popup → Content
Heading (text field, default: "Popup"): The popup's title.
Text (rich text, default: "Stay up to date on the latest releases & special offers for this product.").
Page (page picker): Shows the content of a Shopify page in the popup instead of Text.
Popup block: Dynamic content
Where to find it: Products → Default product → Product page → Add block → Popup → Dynamic content
Hide block if dynamic content is not present (checkbox, default: off): Hides the button when Text and Page are both empty.
Variant metafield block
Where to find it: Products → Default product → Product page → Add block → Variant metafield
This theme can show a variant metafield on the product page.
Variant metafield key (text field): The variant metafield, typed as namespace.key (for example custom.material). The block shows the value of the selected variant and updates when the customer changes it. Type it, do not connect it.
Title (text field): A label above the value.
Empty space block
Where to find it: Products → Default product → Product page → Add block → Empty space
The Empty space block has no settings in Local 4.2.1.
Coupon code block
Where to find it: Products → Default product → Product page → Add block → Coupon code
Code (text field, default: "SAVE10"): The discount code customers copy with one click. Create the discount with the same code in Shopify admin → Discounts; the block does not apply it.
Caption (text field): A short line under the code, for example the discount it gives.
Link label (text field).
Link (link). Shown only when Link label is set.
Open link in a new window (checkbox, default: off). Shown only when Link label is set.
Coupon code block: Block Style
Where to find it: Products → Default product → Product page → Add block → Coupon code → Block Style
Custom text color (color, default: transparent).
Custom background color (color, default: transparent).
Disclosures block
Where to find it: Products → Default product → Product page → Add block → Disclosures
Displays the disclosures attached to this product through Shopify's Product Disclosures. Shopify Help Center.
Disclosures block: Block Heading
Where to find it: Products → Default product → Product page → Add block → Disclosures → Block Heading
Title (text field, default: "Disclosures").
Subtitle (text field).
Tooltip text (text field): Shows a small info icon next to the title; the text appears when the customer points at it.
Icon (image): To see all icons, visit the Krown icon library.
Disclosures block: Block Content
Where to find it: Products → Default product → Product page → Add block → Disclosures → Block Content
Product disclosures can be configured with metafields at product level.
Opened by default (checkbox, default: off): Shows the disclosures open when the page loads.
Disclosures block: Block Style
Where to find it: Products → Default product → Product page → Add block → Disclosures → Block Style
Layout (dropdown, default: Compact): Boxed shows the block in a frame with a heading row; Compact shows it without a frame. Options: Boxed, Compact.
Custom text color (color, default: transparent).
Custom background color (color, default: transparent): Sets the background of the boxed block and of its heading row. Shown only when Layout is Boxed.
Darken the header (checkbox, default: on): Tints the heading row of the boxed block with a light shade of the text color. Shown only when Layout is Boxed.
Related pages
- Product information blocks: title, price, vendor, tax, SKU, badges, description, rating and share.
- Product variant and buy blocks: variant picker, product siblings, buy buttons and custom properties.
- Product attribute blocks: nutrition tables, meters and icon lists from metafields.
- Quick view popup: the product template that opens from Quick buy on product cards.
- Troubleshoot product and collection pages: answers to common product page problems.
Video
The Video section of Local plays a YouTube, Vimeo or Shopify video, with a separate mobile video, a poster image, autoplay and looping.
Product information blocks
The product information blocks of Local show the title, vendor, price, tax notice, SKU, badges, description, rating and share buttons on the product page.