|  Pipeline theme
Latest
Latest
  • About Pipeline
    • Pipeline theme documentation
    • Learn Pipeline
  • Updates
    • What's new in Pipeline
    • Pipeline releases
  • Sections
    • Pipeline sections
      • Explore all the sections
      • Accordion group
      • Accordion single
      • Blog posts
      • Collections list
      • Collection product grid
      • Contact form
      • Custom HTML
      • Custom Liquid
      • Custom content
      • Featured article
      • Featured product
      • Gallery
      • Gallery text
      • Icon columns
      • Image banner
        • Countdown timer
        • Collage
      • Image with text
      • Logo list
      • Map
      • Mosaic
      • Newsletter
      • Page
      • Product grid
      • Product slider
      • Product slider tabs
      • Products with image
      • Recently viewed products
      • Rich text
      • Scrolling promotion
      • Shop the look
      • Slideshow
      • Tabs
      • Text columns with images
      • Video
      • Video banner
  • Settings
    • Theme settings
      • Global theme settings
      • Color
      • Typography
      • Layout
      • Search
      • Product card
      • Product form
      • Cart
      • Social media
      • Currency
      • Favicon
      • Advanced
      • Checkout
      • Custom CSS
      • Theme style
  • Header
    • Announcement bar
      • Settings and colors
      • Free shipping message
      • Text announcement
      • Icon column
      • Custom HTML
    • Header
      • Header styles
      • Icon styles
      • Toolbar
      • Navigation images
      • Collection block
      • Linking to menu items
      • Transparent header
      • Sticky header
      • Highlight sale menu
      • Collection images
  • Footer
    • Pipeline footer
      • Footer
      • Subfooter
  • Products
    • Product pages
      • Pre-orders
      • Breadcrumbs
      • Tabs and accordions
      • Tabs with metaobjects
      • Product page layout options
      • Product zoom
      • Inventory count down
      • Size charts
      • Unique product content
      • Alt-text sizing information
      • Swatch size
      • Color swatches (legacy)
      • Product siblings
      • Complementary products
      • Buy it with
  • Collections
    • Collection pages
      • Subcollections
      • Badges / Stickers
      • Custom filter options
      • Collection sorting
      • Layout options
      • Speed performance
  • Cart
    • Pipeline Cart
      • Cart types
      • Cart page
      • Cart drawer
      • Cart popup
      • Editing cart text
      • Cart upselling
      • Settings
  • Promotions
    • Upselling
      • Complementary products
      • Buy it with
      • Upsell with Quick View
      • Cart upselling
      • Upsell multiple products
      • Basic version
  • overlay
    • Cart drawer
      • Drawer cart
      • Popup cart
    • Popups
      • Cookies consent message
      • Newsletter popup
      • Text popup
  • Siblings
    • Product siblings
      • About product siblings
      • How to setup siblings
      • Siblings metafields
      • Cutline
      • Siblings collection
      • Siblings product setup
      • Add siblings block
  • Search
    • Predictive search
  • Pages
    • Page templates
      • Overview
      • Unique page content
  • FAQ
    • Frequently asked questions
      • Default theme content
      • Context picker
      • Check your theme version
      • Share preview link
      • How to download latest theme version
      • Migrating your settings
      • Improving the speed of your site
      • Optimizing performance of your Product Card & Collection pages
  • Apps
    • Shopify apps
      • Supported apps
      • App integration
      • Search and Discovery
  • License
    • Theme license
  • Support
    • Contacting support
Powered by GitBook
On this page
  • Cart page components
  • Sections
  • Section Examples
  • Order details
  • Order total and additional components
  • Cart Section Settings
  1. Cart
  2. Pipeline Cart

Cart page

Fully customizable cart page packed with features to increase conversions

PreviousCart typesNextCart drawer

Last updated 1 year ago

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:

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.

Cart Section Settings

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

Empty cart link

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.

Accordion group and Scrolling promotion with free shipping message
Additional Cart Components