Quick View
Theme settings: Quick View.
Quick View
At a glance
Typography overrides for the quick view panel.
Where to find it
- Theme editor path: Online Store → Customize → Theme settings → Quick View
Settings
Product price
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Price layout | Controls “Price layout” on the storefront. Open the theme editor to preview live. | same_as_product_card | Always |
Variant option labels
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Use global H3 heading styles | When on, uses the matching style from Theme settings. Turn off to style only this section or block. | Yes | Always |
| Font size - Mobile | Sets font size - mobile in pixels for the matching screen size. | 26 | settings.quick view variant use global h3 styles is off |
| Font size - Tablet | Sets font size - tablet in pixels for the matching screen size. | 29 | settings.quick view variant use global h3 styles is off |
| Font size - Desktop | Sets font size - desktop in pixels for the matching screen size. | 33 | settings.quick view variant use global h3 styles is off |
Color swatches
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Color swatch shape | Controls “Color swatch shape” on the storefront. Open the theme editor to preview live. | circle | Always |
| Color swatch size | Controls “Color swatch size” on the storefront. Open the theme editor to preview live. | 22 | Always |
| Color swatch padding (horizontal) | Adds empty space (color swatch padding (horizontal)) around the section content. | 4 | Always |
Buttons
| Setting | What it does | Default | Shows when |
|---|---|---|---|
| Add to cart button style | Controls “Add to cart button style” on the storefront. Open the theme editor to preview live. | primary | Always |
| Wishlist button style | Controls “Wishlist button style” on the storefront. Open the theme editor to preview live. | default | settings.show wishlist button |
| Wishlist icon | Controls “Wishlist icon” on the storefront. Open the theme editor to preview live. | heart | settings.show wishlist button |
Setting details
Each control from the tables above, explained simply:
Price layout
Controls “Price layout” on the storefront. Open the theme editor to preview live. Default: same_as_product_card.
Use global H3 heading styles
When on, uses the matching style from Theme settings. Turn off to style only this section or block. Default: Yes.
Font size - Mobile
Sets font size - mobile in pixels for the matching screen size. Default: 26. This control appears when: settings.quick view variant use global h3 styles is off.
Font size - Tablet
Sets font size - tablet in pixels for the matching screen size. Default: 29. This control appears when: settings.quick view variant use global h3 styles is off.
Font size - Desktop
Sets font size - desktop in pixels for the matching screen size. Default: 33. This control appears when: settings.quick view variant use global h3 styles is off.
Color swatch shape
Controls “Color swatch shape” on the storefront. Open the theme editor to preview live. Default: circle.
Color swatch size
Controls “Color swatch size” on the storefront. Open the theme editor to preview live. Default: 22.
Color swatch padding (horizontal)
Adds empty space (color swatch padding (horizontal)) around the section content. Default: 4.
Add to cart button style
Controls “Add to cart button style” on the storefront. Open the theme editor to preview live. Default: primary.
Wishlist button style
Controls “Wishlist button style” on the storefront. Open the theme editor to preview live. Default: default. This control appears when: settings.show wishlist button.
Wishlist icon
Controls “Wishlist icon” on the storefront. Open the theme editor to preview live. Default: heart. This control appears when: settings.show wishlist button.
Tips
- Changes apply store-wide — check home, product, and collection pages after saving.
- Pair with section-level color schemes for page-specific overrides.
- Read How theme settings work for how globals connect to sections.