Custom CSS & JS
Adding your own CSS and JavaScript to cart, checkout, and receipt templates — for brand styling, custom elements, or applying a pre-built theme.
Add custom CSS and JS to your templates
How to add custom CSS and JavaScript to the cart, checkout, and receipt using the custom header and footer fields, without editing the underlying template markup.
CSS class and naming conventions reference
Reference for Foxy's CSS class, ID, and data attribute conventions, BEM naming, and responsive breakpoints used in custom templates.
Customize the SVG icon colors
How to change the fill color of the SVG icons on the cart and checkout, like arrows and padlocks, using custom CSS.