Add Custom HTML to the cart drawer

You can add your own HTML and CSS to the cart drawer — in the filled cart body, the footer, or the empty cart — without editing your theme.

Add a Custom HTML block

1. Open Section Store → Cart Drawer and open your cart drawer.
2. Choose Filled cart or Empty cart.
3. Click Add block.
4. In Add cart block, pick Custom HTML for the cart body, the cart footer, or the empty cart.
5. Add your HTML and CSS.
6. If this is an empty-cart block, set Placement (Top of cart, After title, Bottom of cart, Above button, or Below button).
7. Click Save.

Tips

• Scripts run on your storefront, but they stay inactive in the editor preview.
• This is separate from Custom styles, which is CSS for the whole drawer.
• Use Remove or Delete section on the block if you no longer want it.

Related

• Add custom CSS to bundles and the cart drawer
• Translate bundles and cart drawer text
• Set per-market thresholds on the cart reward bar