Quick shop#

Let shoppers choose options and add a product without leaving the current page.

Add this section#

Open the Overlays group in the theme editor, then select Quick shop.

Settings#

The settings below follow the same order as the theme editor.

General settings#

Opens from the Choose button on product cards (Theme settings > Product cards > Quick add).

• Style: Choose Overlay or Drawer. Overlay opens in the middle of the screen with the pictures beside the options. Drawer slides in from the side.

• Color scheme: Choose a color scheme from Theme settings > Colors.

Media#

• Layout: Choose Slideshow, Horizontal scroll, or Turntable. The same gallery as the product page. Turntable turns the product through its images as shoppers drag across it.

• Variant images: Choose Show all or Only the selected color. Works like Variant images on the product page.

• Image ratio: Choose Adapt to image, Square, Portrait, or Landscape.

• Image fit: Choose Show whole image or Fill the frame.

• Video fit: Choose Show whole video or Fill the frame. Show whole video keeps the video's own shape. Fill the frame crops it to fill the gallery, like Fill the frame for images.

• Zoom: Choose Open full screen or Off.

• Images to show: Use the slider from 1 to 10. Counted after Variant images.

• Show thumbnails: Turn this on or off.

Product information#

• Show vendor: Turn this on or off.

• Show SKU: Turn this on or off.

• Show short description: Turn this on or off.

• Show "View full details" link: Turn this on or off.

Mobile layout#

• Style: Choose Bottom sheet or Full screen.

• Image size: Choose Small, Medium, or Large.

Blocks#

Theme block#

Add any compatible Esses content or product block. The block's own settings appear when you select it.

Tips#

• Add your real content before fine-tuning spacing and colors.
• Check the section at both computer and phone widths. Use Mobile layout for the phone-specific choices.