Product (variant picker) block

Updated last month

The Product (variant picker) block lets customers choose a product variant from pills or a dropdown and supports swatch-style selection.

Settings

Setting	Description	Default
Enable color scheme	Applies a color scheme to the block. Available only when enabled.	Off
Color scheme	The color scheme applied to the block. Available only when Enable color scheme is on.	Scheme 1
Content alignment (Desktop) / (Mobile)	Horizontal alignment of the picker on the chosen device.	Left
Picker type	How variant options are presented: Pills or Dropdown.	Dropdown
Enable swatches	Shows values as swatches where the theme supports them.	On
Margin top (Desktop) / (Mobile)	Space above the block, from 0 to 34.	0
Hide block on desktop / on mobile	Hides the block on the chosen device.	Off

The Product (variant picker) block accepts an Opener block, which renders a button or inline link that opens a popup, drawer, or video overlay.

What does the Product (variant picker) block do in the Pops theme?

It lets customers choose a product variant from pills or a dropdown and supports swatch-style selection.

How do I enable swatches for variants in Pops?

Turn on Enable swatches to show values as swatches where the theme supports them. It is on by default.

How do I change the color scheme of the variant picker in Pops?

Turn on Enable color scheme, then choose a scheme from Color scheme. The default scheme is Scheme 1.

How do I hide the variant picker block on desktop or mobile in Pops?

Turn on Hide block on desktop or Hide block on mobile for the chosen device. Both are off by default.

What does the Opener block do in the Pops variant picker?

The Product (variant picker) block accepts an Opener block, which renders a button or inline link that opens a popup, drawer, or video overlay.

Was this helpful?