Accessing Settings
Open MOD Bundles → Customization
Select the Mix & Match tab
Edit settings and click Save
These are global settings (apply to all Mix & Match bundles). For per-block settings in the Theme Customizer, see Theme Settings Reference.
Layout & Container
Container
Setting | Default | Range |
Max Width | 800px | 400-1400px |
Padding | 0px | 0-40px |
Border Radius | 0px | 0-24px |
Background | Transparent | Color picker |
Component Gap | 5px | 0-40px |
Bundle Title
Setting | Default |
Color | Black |
Size | 24px |
Weight | 600 |
Align | Center |
Uppercase | Yes |
Spacing (below) | 10px |
Pricing Display
Setting | Default |
Size | 16px |
Weight | 600 |
Align | Left |
Spacing (below) | 10px |
Price Color | Black |
Compare Price Color | #767676 |
Savings Color | #2e8b57 |
Product Card
Card Layout & Colors
Setting | Default |
Padding | 5px |
Gap | 10px |
Radius | 0px |
Alignment | Left |
Background | White |
Text Color | Black |
Border | #e5e5e5 |
Accent / Selection | Black |
Product Title & Image
Setting | Default |
Title Size | 18px |
Title Weight | 500 |
Image Width | 20% |
Image Min Width | 100px |
Image Max Height | 300px |
Image Fit | Contain |
Image Vertical Align | Top |
Image Border Radius | Inherits card |
Image Background | Transparent |
Image Fit: Contain = natural proportions; Cover = fills card height, may crop.
Variant Option Buttons
Setting | Default |
Style | Square |
Layout | Fill Row |
Min Width | 35px |
Font Size | 12px |
Pad V / H | 8px / 12px |
Style: Square, Rounded (5px), Pill. Layout: Fill Row, Auto Width.
Variant Button Colors
State | Background | Text | Border |
Default | White | Black | #ccc |
Hover | #f5f5f5 | — | — |
Selected | Black | White | Black |
Color Swatches & Dropdowns
Setting | Default |
Swatch Size | 20px |
Swatch Ring | 2px |
Dropdown Background | White |
Dropdown Font Size | 14px |
Dropdown Pad V / H | 8px / 12px |
Out of Stock
Setting | Default |
Opacity | 0.7 |
Background | #f1f1f1 |
Text | #999 |
Strikethrough | #999 |
Advanced
Setting | Default | Notes |
Show On Model Images | Off | 2nd image on hover |
Trigger Theme Variant Events | Off | Fire theme JS on selection |
Color Click Events | Empty | Custom events to dispatch |
Qty Label | "QTY" | Options: QTY, QUANTITY, Qty, × |
Component Price
Per-product pricing shown on each card.
Display Toggles
Setting | Default |
Show Discounted Price | Off |
Show Original Price | Off |
Show Product Compare-At | Off |
Typography & Colors
Setting | Default |
Size | 14px |
Weight | 500 |
Price Color | Black |
Strikethrough Color | #767676 |
Per-Item Price (qty > 1)
Setting | Default |
Show Per-Item Price | On |
Size | 14px |
Weight | 500 |
Color | Black |
Example: "3x Socks - $15 ($5 / item)"
Add to Cart Button
State | Background | Text | Border |
Active | Black | White | Transparent |
Hover | Black | White | Transparent |
Disabled | #ccc | White | — |
Setting | Default |
Border Width | 0px |
Border Radius | 0px |
Font Size | 14px |
Font Weight | 600 |
Uppercase | Off |
Pad V / H | 12px / 16px |
Height | Auto |
Free Gift Badge
Setting | Default |
Card Border Color | #3D9F58 |
Card Background | Light green (5% opacity) |
Badge Background | #3D9F58 |
Badge Text | White |
Badge Font Size | 12px |
Badge Radius | 16px |
Badge Pad V / H | 4px / 16px |
"GIFT" Label Background | #3D9F58 |
Card Labels
Setting | Default |
Enable Card Labels | Off |
Label Text | "Pick #" |
Background | Black |
Text Color | White |
Font Size | 11px |
Border Radius | 12px |
Pad V / H | 1px / 8px |
Top Offset | -8px |
Left Offset | 35px |
Number is auto-appended: "Pick #1", "Pick #2", etc.
Resetting
Go to Customization → Mix & Match → look for Reset Mix & Match Settings to restore all defaults.