Add custom CSS to bundles and the cart drawer

You can add your own CSS to style bundle deals and the cart drawer. Changes show in the preview right away.

Bundles

1. Open Section Store → Bundles & Quantity Breaks.
2. Open the bundle you want to style.
3. Scroll to the Fine-tune styling card and expand it.
4. Scroll to the bottom to Custom Styles and turn it on.
5. Choose All deals (styles every bundle) or This deal (only this bundle).
6. Paste your CSS in the editor. Watch the preview on the right.
7. Click Save.

Cart drawer

1. Open Section Store → Cart Drawer.
2. Open your cart drawer.
3. Switch to Settings (not the AI assistant view).
4. Under General, open the Styles card.
5. Scroll to Custom styles and turn it on.
6. Paste your CSS, check the preview, then click Save.

Cart drawer CSS is one global editor. There is no All deals / This deal split.

Tips

• Start with one rule at a time so you can see what changed.
• Prefer targeting Section Store classes instead of your whole theme.
• Custom CSS is for tweaks. If a block structure changes later, a brittle selector may stop working.
• On bundles you can also use Customize with AI for visual changes. Use Custom Styles when you need exact CSS control.