less than a minute read • Updated 9 minutes ago
Sidecart vs full-page cart
The difference between the sidecart and full-page cart, and how to choose which one to use.
Foxy offers two cart display modes: the sidecart and the full-page cart. The sidecart is the default.
Sidecart
The sidecart slides in from the side of your page when a customer adds a product or views their cart. It loads within your own site, giving customers a quick way to review and manage their cart without leaving the page they’re on.
Sidecart styling is namespaced under a #fc ID to prevent your site’s CSS from bleeding into the cart display unintentionally.
Full-page cart
The full-page cart loads as a standalone page. It displays the same cart contents and controls as the sidecart but occupies the full browser window. It is the fallback for older browsers and can be used as the default if preferred.
Which to use
The sidecart is the right choice for most stores — it keeps customers on your site and reduces friction. Use the full-page cart if:
Your site’s CSS causes display problems with the sidecart that are difficult to resolve
You prefer a simpler implementation without the sidecart JavaScript behaviour
You can switch between the two in the Foxy admin, or bypass the sidecart on a per-link basis without changing the global setting. See Configure the sidecart and Bypass the sidecart on specific links.