Cart page

Fully customizable cart page packed with features to increase conversions

Customize and design your Cart page using any of the professional sections available in Pipeline. Provide the details to help your shoppers reach checkout or add a few additional items to the cart. We also include some Cart extras to help with that final experience before making the transaction.

Cart page components

Sections

The Pipeline Cart age can include rich sections from our Sections library included in the theme. You can add sections to help deliver that final message to our customers. Any of the popular sections in Pipeline can be added to the Cart page.

Section Examples

  • Add Icon columns (shown in the above example) to build confidence in your brand

  • The Accordion group (shown above after the checkout button) can provide key details to customers with frequently asked questions.

  • The Accordion single section is also another nice feature where you can include rich images with those questions and details.

  • Developers can use the Custom HTML or Custom Liquid sections.

  • The Scrolling promotion section (shown in the image below) can help deliver flash sale messaging and urgency to buy. The free shipping message can be moved into this section:

Accordion group and Scrolling promotion with free shipping message

Sections can be placed above and below the main Cart section which contains the order details and call-to-action area. Pipeline offers a wide range of sections for you to fully customize the Cart experience for your customers.

Order details

The main area of the Cart contains the order details including:

  • A thumbnail of the product variant chosen.

  • Name of product

  • Size or variant selected

  • Sale type, for example, pre-order item

  • Color variant

  • Product vendor

  • Remove item button

  • Price

  • Quantity selectors with the current value

  • Total

The Quantity selectors and product vendor are optional and can be managed in the Cart section settings.

Order total and additional components

Following the order details, the Cart page displays the main subtotal, Checkout button with Shipping and Taxes message. Additional components which are optional can also be displayed including:

  • Display Free Shipping message -This dynamic message informs customers how close they are to qualifying for free shipping. The threshold is set in the Theme Settings -> Cart. The message text is configured in the Cart section settings along with a toggle to show or hide.

  • Custom Cart message - A badge-styled message box where you can display a coupon code or other short important information.

  • Additional Checkout buttons - Show or hide the additional payment methods like Apple Pay, Google Pay, Amazon Pay, and PayPal.

  • Cart notes - Include a mini-input form for customers to add additional notes with their order like engraving details or custom information regarding products ordered.

  • Estimate shipping - An accordion-based shipping cost calculator with country and region lookup. Prices are based on your shipping prices configured in the main Shopify Admin settings.

Additional Cart Components

Cart Section Settings

Use the Cart section settings to configure the optional Cart components:

The Empty cart link has been moved to the Theme Settings -> Cart

You can customize the default link for shoppers to use if their cart is empty when viewing the cart. This is an opportunity to send them to a collection with special promotions or featured products.

Last updated