Quickview
Overview
Quick view lets shoppers inspect variants, inventory, quantity, and purchase controls without leaving the current page.
Add the section
- From Shopify admin, go to Online Store > Themes, find Radian, and select Customize.
- Use the page selector at the top of the Theme Editor to open the required template.
- In the template panel, select Add section, choose Quickview, and select Save.
Section settings
COLOR
| Color scheme | Selects one of the color schemes configured in Theme settings. |
|---|
BUTTON
| View details label | Sets the view details label shown in the section. |
|---|
QUICK VIEW BUTTON
| Quickview button icon | Choose from Plus, Bag. |
|---|---|
| Corner radius | Adjusts corner radius within the available range. |
| Background color | Controls background color. |
| Icon color | Controls icon color. |
LAYOUT
| Animation style | Choose from Default, Magnetic. |
|---|
Add and arrange blocks
Select Add block to include the content required by the section. Drag blocks in the Theme Editor to change their storefront order.
AVAILABLE BLOCKS
| App block | Adds compatible content from an installed Shopify app. |
|---|---|
| Media | Adds and configures media content in this section. |
| Vendor | Adds and configures vendor content in this section. |
| Title | Adds and configures title content in this section. |
| Rating | Adds and configures rating content in this section. |
| Price | Adds and configures price content in this section. |
| Description | Adds and configures description content in this section. |
| Collapsible description | Adds and configures collapsible description content in this section. |
| Variant picker | Adds and configures variant picker content in this section. |
| Inventory status | Adds and configures inventory status content in this section. |
| Free shipping bar | Adds and configures free shipping bar content in this section. |
| Quantity selector | Adds and configures quantity selector content in this section. |
| Selling plan | Adds and configures selling plan content in this section. |
| Buy buttons | Adds and configures buy buttons content in this section. |
| SKU | Adds and configures sku content in this section. |
| Product type | Adds and configures product type content in this section. |
| Share | Adds and configures share content in this section. |
| Text | Adds and configures text content in this section. |
| Collapsible tab | Adds and configures collapsible tab content in this section. |
| Pop-up | Adds and configures pop-up content in this section. |
| Custom options: Date | Adds and configures custom options: date content in this section. |
| Custom options: Multi line text | Adds and configures custom options: multi line text content in this section. |
| Custom options: Single line text | Adds and configures custom options: single line text content in this section. |
| Custom options: Checkbox | Adds and configures custom options: checkbox content in this section. |
| Custom options: Pills | Adds and configures custom options: pills content in this section. |
| Custom options: File upload | Adds and configures custom options: file upload content in this section. |
| Custom options: Dropdown | Adds and configures custom options: dropdown content in this section. |
| View details link | Adds and configures view details link content in this section. |
Recommended setup
- Choose the section width, layout, and color scheme before fine-tuning individual content blocks.
- Configure desktop positioning first, then switch the Theme Editor preview to mobile and adjust the mobile-specific controls.
- Check links, product or collection resources, and interactive controls before publishing the theme.
Conditional settings
Settings that depend on another option appear only when that parent option is enabled. If a control is missing, check the related layout, style, or enable toggle first.