Skip to main content

Cart

The Cart Sidebar is an essential part of your webshop's user-friendliness. Instead of sending the visitor directly to a new page, a panel slides into the screen from the right side. This keeps the customer in the 'shopping flow' while providing an immediate overview of their current selection.

General Settings​

The settings for this sidebar are focused on a clean and organized display:

  • Color scheme: Determine the color scheme for the sidebar. You can choose a light variant for a fresh look, or a dark scheme to put the focus on the content.
  • Custom Class: For advanced styling by developers, such as adjusting the width or shadow of the sidebar.

Content & Functionality​

The sidebar is intelligently structured and shows all relevant information about the selected products:

  • Product details: For each item in the cart, the image, title, and quantity are displayed.
  • Pricing: Both the total price per line and any unit prices are directly visible.
  • Subscriptions & Properties: If a product is part of a subscription (selling plan) or if custom properties (such as engraving or an upload) have been added, these are neatly listed under the product title.
  • Total overview: The current total amount of the order is always displayed at the bottom of the sidebar.

Actions​

To stimulate conversion, the sidebar offers direct navigation options:

  • View cart: A button that leads the customer to the full shopping cart page for more details.
  • Checkout: The primary action button that sends the customer directly to the secure payment environment.
  • Additional payment methods: If activated in Shopify, accelerated checkout options (such as Apple Pay, Google Pay, or PayPal) are also shown here for even faster processing.

Tip: Ensure the color scheme of the cart sidebar aligns well with your header, as this is where customers often start the interaction with their basket.