Accessing Settings
Open MOD Bundles → Customization
Expand Collection Bundle in the left panel
Select a section and edit settings
Click Save
These are global settings (apply to all Collection Bundles). For per-block settings in the Theme Customizer, see Theme Settings Reference.
1. Layout & Container
Container
Setting | Default |
Max Width | 1200px |
Padding | 0px |
Margin Top | 30px |
Margin Bottom | 0px |
Background | Transparent |
Bundle Title
Setting | Default |
Color | #000000 |
Font Size | 24px |
Font Weight | 600 |
Text Align | Left |
Margin Bottom | 10px |
Pricing
Setting | Default |
Font Size | 16px |
Font Weight | 600 |
Margin Bottom | 20px |
Price Color | #000000 |
Compare Price | #767676 |
Sale Price | #c33a0f |
Grid
Setting | Default |
Gap (Desktop) | 16px |
Gap (Mobile) | 16px |
2. Step Labels
Setting | Default |
Show Step Labels | Off |
Font Size | 14px |
Font Weight | 700 |
Color | #000000 |
Text Transform | Uppercase |
Margin Bottom | 10px |
3. Selection Card
Card Dimensions & Colors
Setting | Default |
Min Height | 150px |
Border Radius | 8px |
Empty Padding | 10px |
Filled Padding | 10px |
Background | #ffffff |
Border | #e5e5e5 |
Hover Border | #000000 |
Direction | Vertical |
Text Align | Center |
Plus Icon (Empty State)
Setting | Default |
Size | 40px |
Background | #000000 |
Icon Color | #ffffff |
Placeholder Text
Setting | Default |
Font Size | 14px |
Color | #000000 |
Opacity | 0.7 |
Selected Product Image
Setting | Default |
Full Width | Off |
Image Size | 130px |
Image Radius | 8px |
Object Fit | Cover |
Aspect Ratio | 1:1 |
Image Background | Transparent |
Selected Product Text
Setting | Default |
Text Area Padding | 8px |
Title Size | 13px |
Title Weight | 500 |
Title Color | #000000 |
Variant Size | 12px |
Variant Opacity | 0.7 |
Variant Color | #666666 |
Remove Button
Setting | Default |
Show Remove Button | On |
Size | 24px |
Background | #000000 |
Icon Color | #ffffff |
Edit Icon
Setting | Default |
Position | Center |
Always Show | Off |
Size | 30px |
Font Weight | 100 |
Background | rgba(255,255,255,0.9) |
Icon Color | #000000 |
Show Shadow | On |
4. Product Picker (Modal)
Modal Container
Setting | Default |
Max Width | 1200px |
Border Radius | 8px |
Background | #ffffff |
Overlay Color | #000000 |
Overlay Opacity | 0.4 |
Header
Setting | Default |
Title Size | 18px |
Title Weight | 600 |
Text Transform | None |
Product Cards
Setting | Default |
Border Radius | 8px |
Padding | 10px |
Border Color | #eeeeee |
Title Size | 14px |
Title Weight | 500 |
Image Fit | Cover |
Aspect Ratio | 1:1 |
Image Background | Transparent |
5. Product Detail Popup
Container
Setting | Default |
Overlay Color | #000000 |
Overlay Opacity | 0.4 |
Background | #ffffff |
Border Color | Transparent |
Border Radius | 8px |
Center Align (desktop) | Off |
Text Colors
Setting | Default |
Product Name | #333333 |
Price | #000000 |
Compare Price | #888888 |
Option Labels | #333333 |
Description
Setting | Default |
Show Description | Off |
Max Height | 110px |
Font Size | 13px |
Text Color | #333333 |
Close Button & Images
Setting | Default |
Close Color | #000000 |
Close Hover Bg | rgba(0,0,0,0.05) |
Image Fit | Contain |
Aspect Ratio | 1:1 |
6. Product Options
Option Buttons
State | Background | Text | Border |
Default | #ffffff | #000000 | #cccccc |
Hover | #f5f5f5 | — | — |
Selected | #000000 | #ffffff | #000000 |
Setting | Default |
Height | 40px |
Font Size | 13px |
Pad V / H | 10px / 10px |
Border Radius | 4px |
Color Swatches
Setting | Default |
Size | 25px |
Ring Width | 2px |
Border | #dddddd |
Selected Border | #000000 |
Out of Stock
Setting | Default |
Opacity | 0.6 |
Background | #f5f5f5 |
Text | rgba(0,0,0,0.4) |
Strikethrough | rgba(0,0,0,0.6) |
7. Add to Cart Button
Setting | Default |
Background | #000000 |
Text | #ffffff |
Hover Opacity | 0.8 |
Disabled Opacity | 0.5 |
Height | 45px |
Padding H | 16px |
Border Radius | 0px |
Margin Top | 10px |
Font Size | 14px |
Font Weight | 700 |
Uppercase | Off |
8. Free Gift Badge
Setting | Default |
Background | #c33a0f |
Text Color | #ffffff |
Font Size | 12px |
Border Radius | 20px |
Pad V / H | 4px / 12px |
Troubleshooting
Styles not applying — Save, clear browser cache, check for conflicting custom CSS
Preview differs from live — Preview is simplified; always test on actual storefront
Reset to defaults — Manually restore values from this reference; contact support for full reset