◧ Shop Canvas
CATALOG & DISCOVERY
Catalog Filter
Price, option, tag and availability facets for a Catalog, with 31 controls to tune labels and behaviour.
31 properties · plugin-free · Storefront API
Live in the Shop →
Properties · 31
Filter
Enum
Collection
Value
String
Option
String
Color
Min
Number
0
Max
Number
1000
Label
String
Filter
Style
Enum
Button
Design
Slot
Design (On)
Slot
Font
Font
Text
Color
#030607
Background
Color
#F5F5F5
Text (On)
Color
#FFFFFF
Background (On)
Color
#030607
Radius
BorderRadius
0px
Padding
Padding
10px 16px
Box
Number
16
Box Radius
BorderRadius
0px
Box Fill
Color
#FFFFFF
Box Border
Color
rgba(3, 6, 7, 0.12)
Box Border (On)
Color
#000000
Mark
Enum
Fill
Mark Color
Color
#000000
Mark Inset
Number
4
Gap
Number
10
Swatch
Color
#CCCCCC
The colour this filter stands for. Sample it from the product photography, not from the name.
Swatch 2
Color
rgba(0,0,0,0)
Second colour: the other half of a duo, or the motif on a stripe, dot or print.
Fill
Enum
solid
Swatch Size
Number
26
Ring
Number
1
Thickness of the selected ring.
Ring Color
Color
#030607
◧ Shop Canvas
Framer × Shopify · Storefront API