Quick view

The Quick View section allows customers to preview product details in a modal window without leaving the current page. It improves user experience and encourages faster browsing and shopping.


How to Configure the Quick View

  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. In the theme editor, scroll to the Overlay group in the left sidebar and select Quick View.

  4. Adjust the settings according to your preferences — for example, enable or disable Quick View, configure product information, buttons, media layout, and other display options.

  5. Click Save.

Settings

Setting

Type

Note

Size guide page

Page Picker

Select the page that contains your size guide.

Product for test

Product Picker

Select a product to preview and test the Quick View layout.

Color Scheme

Scheme Selector

Apply a predefined color scheme to the entire section to maintain visual harmony across your store.


Blocks

Price

Displays the product’s price.

Rating

Shows product star rating (requires product reviews app).

Description

Displays the product’s description.

Variant Picker

Allows the customer to choose product variants (e.g., size, color).

Inventory Status

Displays stock availability.

Quantity Selector

Allows users to select product quantity.

Buy Buttons

Setting

Type

Note

Show dynamic checkout buttons

Checkbox

Enables one-click checkout buttons (e.g., Apple Pay, Google Pay).

Taxes

Displays tax-related messaging like “Tax included.”

Share

Shows social sharing options for the product.

Pickup Availability

Displays local pickup availability if enabled in Shopify.

Custom Liquid

Insert custom Liquid code for advanced customization.

Selling Plan Selector

Displays subscription or installment selling plans.

Vendor

Displays the product’s vendor name.

Collapsible Row

Setting

Type

Note

Heading

Text

Title of the collapsible section.

Content

Rich Text

Content that displays when expanded.

Visibility This section is static and cannot be deleted via the theme editor. It can be disabled via the “Enable quick view” toggle found in Theme Settings → Quick View, or hidden in the theme editor using the eye icon.