Quick view popup
The Quick view popup of Local opens from Quick buy on product cards; its template sets the gallery and which product blocks appear.
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 Quick view popup opens over the page when a customer selects the quick buy button of a product card and the product has options to choose. It shows the product's gallery and the blocks you set, so customers can pick a variant and add it to the cart without leaving the page.
Where to find it: in the theme editor, open the template picker and select Products → quick-view, then select Quick view.
The quick-view template opens only inside the popup. It has one section, and you build the popup from its blocks, like the product page.
When does Quick buy open the popup?
- A product with options (for example sizes) opens the popup.
- A product with only one variant is added to the cart straight away, without the popup.
- Turn on Always open quick buy modal in Theme settings → Product card → Buy buttons to open the popup for every product.
The same popup opens from the Products list and Complementary products blocks, the cart recommendations, the Quick buy button block, and product links in blog posts with Enhance product links on.
Media
The popup gallery is always a slider. Its settings work as on the product page:
- Images aspect ratio, Videos and other media aspect ratio, Crop videos when following images aspect ratio and Fit images inside container set the media shape.
- Show border around gallery, Inherit card design properties and Gallery inner spacing set the frame.
- Gallery slider pagination shows dots or thumbnails.
- Enable video looping, Enable video autoplay and Disable parallax effect set the videos and the swipe effect.
The popup has no image zoom and no sticky add to cart.
Functionality
Select the first available variant by default selects the first variant in stock when the popup opens. When it is off, customers must select every option before they can add to cart.
Product blocks
The popup uses the product page blocks. The default popup shows Vendor, Title, Price, Variant picker and Buy buttons. These blocks are available, and documented on the product page block pages:
- Title, Vendor, Price, Tax information, SKU / barcode, Product badges, Description and Product rating: Product information blocks.
- Text, Collapsible tab, Image, 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.
- 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, Coupon code, Disclosures and Variant metafield: More product blocks.
- App blocks.
The Share, Complementary products, Button and Popup blocks are not available in the popup.
Settings are not shared with the product page: a block you add to the product page does not appear in the popup. Add it to the quick-view template too, for example the Metaobject swatch metafields of the Variant picker (see Variant swatches) or a Custom property that is required.
Why is my custom property or swatch missing in quick view?
Because the quick-view template has its own blocks. Open Products → quick-view in the theme editor and add the same block, with the same settings, as on the product page. A required Custom property that exists only on the product page is not asked in the popup, so the product can be added without it.
All Quick view popup settings
Every setting of the section and of its 31 blocks, with its type and default.
Accepts these blocks: Divider, Text, Vendor, Title, Product badges, Price, Tax information, SKU / barcode, Coupon code, Disclosures, Variant picker, Back in stock alert, Product siblings, Custom property, Buy buttons, Description, Product rating, Nutritional information, Collapsible tab, Pickup availability, Products list, Image, Icons list, Progress dots chart, Progress bar chart, Custom HTML / Liquid, Variant metafield, Empty space, Nutriscore, Attribute meter, Text banner and app blocks.
This template controls how the product quick view is built. Only this section will appear in the modal window.
Quick view section: Media
Where to find it: Products → quick-view → Quick view → Media
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. Options: Dots, Thumbnails.
Enable video looping (checkbox, default: off): 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.
Quick view section: Functionality
Where to find it: Products → quick-view → Quick view → Functionality
Select the first available variant by default (checkbox, default: on): Selects the first variant in stock. When off, customers must select a value for every option before the add to cart button works; products with one variant are always selected.
Divider block
Where to find it: Products → quick-view → Quick view → Add block → Divider
Height (slider 1 to 10 px, default: 1 px).
Divider block: Divider Design
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Vendor
Text size (dropdown, default: Regular). Options: Small, Regular, Large.
Title block
Where to find it: Products → quick-view → Quick view → Add block → Title
One Title block per section.
The Title block has no settings in Local 4.2.1.
Product badges block
Where to find it: Products → quick-view → Quick view → Add block → Product badges
One Product badges block per section.
The Product badges block has no settings in Local 4.2.1.
Price block
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → SKU / barcode
One SKU / barcode block per section.
The SKU / barcode block has no settings in Local 4.2.1.
Coupon code block
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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.
Variant picker block
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Buy buttons
One Buy buttons block per section.
Show quantity selector (checkbox, default: on).
Show price (checkbox, default: on): Shows the price above the buttons, with the amount saved when the variant is on sale.
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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Description
One Description block per section.
Description block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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.
Product rating block
Where to find it: Products → quick-view → Quick view → Add block → Product rating
One Product rating block per section.
To display ratings, add a product rating app. Learn more.
Nutritional information block
Where to find it: Products → quick-view → Quick view → Add block → Nutritional information
Nutritional information block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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.
Collapsible tab block
Where to find it: Products → quick-view → Quick view → Add block → Collapsible tab
Collapsible tab block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Products list
One Products list block per section.
Products list block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Image
Image block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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.
Icons list block
Where to find it: Products → quick-view → Quick view → Add block → Icons list
Up to 4 Icons list blocks per section.
Icons list block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Icons list → Item 1
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 2
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 2
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 3
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 3
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 4
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 4
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 5
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 5
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 6
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 6
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 7
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 7
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Item 8
Where to find it: Products → quick-view → Quick view → Add block → Icons list → Item 8
Icon (image): 128 x 128px.
Label (text field).
Icons list block: Dynamic content
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Progress dots chart
Progress dots chart block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Progress bar chart
Progress bar chart block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Custom HTML / Liquid
Custom HTML / Liquid block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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.
Variant metafield block
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Empty space
The Empty space block has no settings in Local 4.2.1.
Nutriscore block
Where to find it: Products → quick-view → Quick view → Add block → Nutriscore
Nutriscore block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Nutriscore → Item 1
Label (text field, default: "A").
Color (color, default: #007517).
Nutriscore block: Item 2
Where to find it: Products → quick-view → Quick view → Add block → Nutriscore → Item 2
Label (text field, default: "B").
Color (color, default: #94C11E).
Nutriscore block: Item 3
Where to find it: Products → quick-view → Quick view → Add block → Nutriscore → Item 3
Label (text field, default: "C").
Color (color, default: #FFDE00).
Nutriscore block: Item 4
Where to find it: Products → quick-view → Quick view → Add block → Nutriscore → Item 4
Label (text field, default: "D").
Color (color, default: #F29200).
Nutriscore block: Item 5
Where to find it: Products → quick-view → Quick view → Add block → Nutriscore → Item 5
Label (text field, default: "E").
Color (color, default: #DD1E01).
Nutriscore block: Block Style
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Attribute meter
Attribute meter block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → 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 → quick-view → Quick view → Add block → Text banner
Text banner block: Block Heading
Where to find it: Products → quick-view → Quick view → 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 → quick-view → Quick view → 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).
Text banner block: Block Style
Where to find it: Products → quick-view → Quick view → Add block → Text banner → Block Style
Custom text color (color, default: transparent).
Related pages
- Product card theme settings: the quick buy button and Always open quick buy modal.
- Product page: the same settings on the product page.
- Variant swatches: swatches in the popup's variant picker.
- Article page: product links in blog posts that open the popup.
Product recommendations
The Product recommendations section of Local shows products related to the one on the page, chosen by Shopify, as product cards.
Collection page
The Collection page of Local: the collection banner, the product grid with filters, sorting and comparing, and the product card blocks.