🚀 New features
👉 AI-assisted CSS customization
You can now generate custom CSS for your cart drawer using AI — no developer needed.
In Cart Drawer → Settings → Custom CSS and JS section, a new AI generator section lets you describe the styling change you want in plain language. Click Generate CSS and the AI will analyze your cart's structure and produce the corresponding CSS code, ready to review and apply in the CSS editor below.
Here are more example prompts:
"Add a subtle box shadow to each product card in the cart"
"Make the checkout button green with white bold text"
"Increase the font size of the subtotal to 18px and make it bold"
"Add a dashed border between each cart line item"
"Make the cart drawer background light beige instead of white"
"Round the corners of the quantity selector buttons"
"Change the discount badge color to dark green with white text"
"Add more spacing between the product image and product title"
"Make the free shipping progress bar thicker and change its color to navy blue"
"Reduce the size of the product thumbnails in the cart to 60px"
The more specific your description, the better the output. You can regenerate as many times as needed, and always review the result before saving — the CSS editor supports undo and redo if you need to roll back a change.
Tip: AI can make mistakes. Always preview the generated CSS before saving to make sure it looks as expected.