Sleek
Try Sleek freeResourcesOther solutions
  • What is Sleek theme
  • Changelog
  • Refund policy
  • Support policy
  • Getting started
    • Install Sleek theme
    • Set up my store as Sleek demo
    • Update Sleek theme
    • Theme license & Transfer
  • BUILD FOR SUCCESS SERIES
    • Homepage for Health & Beauty 🔥
  • Page's global sections
    • General settings
    • Announcement bar
    • Cart drawer
    • Header
      • Mega menu
      • Use Country/ Region selector
      • Use Language selector
    • Footer
    • Mobile navigation bar
    • Pop-up
    • Quick view
  • Theme sections
    • Before/ After image slider
    • Blog post
    • Card images
    • Collage tabs
    • Collapsible tabs
    • Collection image showcase
    • Collection list
    • Collections showcase
    • Collections slider
    • Contact form
    • Countdown timer
    • Custom content
    • Custom liquid
    • Email signup
    • Favorite products
    • Feature list
    • Featured product
    • Featured collection
    • Featured products tab
    • Highlight text with image
    • Image gallery
    • Image with text
    • Image with text columns
    • Image with text overlay
    • Layered images with text
    • Lookbook banner
    • Lookbook cards
    • Lookbook slider
    • Media with collection
    • Multicolumn
    • Press
    • Products bundle
    • Product tabs
    • Product showcase
    • Recently viewed products
    • Rich text
    • Scrolling promotion
    • Slideshow
    • Store locator
    • Testimonials
    • Video
    • Video hero
    • Video with text
  • Theme settings
    • General 🔥
    • Animations
    • Buttons
    • Custom CSS
    • Blog cards
    • Cart
    • Collection cards
    • Color swatches
    • Colors
    • Currency format
    • Layout
    • Logo
    • Product cards
    • Search behavior
    • Social media
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumbs
        • Product information
        • Related products
        • Sticky add to cart bar 🔥
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product grid
    • Collections list page
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart
    • Password
    • Search page
  • FAQs
    • Generic
      • Add gift wrap option to my cart
      • Combined listings app
      • How to add custom fonts in Sleek? 🔥
      • JavaScript events for developers
    • Product
      • Set up quantity rules and volume pricing 🔥
      • Add custom badges using product tags
      • Set up Local Pickup option
      • Show dynamic content for Products using Metafields 🔥
Powered by GitBook
On this page
  • How to enable the cart drawer for your store
  • How to customize your cart drawer
  • General settings
  • Free shipping goal
  • Cart recommendation
  1. Page's global sections

Cart drawer

Learn how to set up Cart Drawer in Sleek theme

PreviousAnnouncement barNextHeader

Last updated 3 months ago

Cart drawer (also known as the slide-out cart, or side cart) allows customers to view and manage their shopping cart without leaving the current page.

Overall, a cart drawer is useful for improving the user experience and increasing conversions to an online store. By giving an enhanced customer experience, you can reduce cart abandonment rate of your store.

How to enable the cart drawer for your store

Steps:

  1. From the theme editor (Customize), navigate to Theme settings > Cart.

  2. Set the Cart type as Drawer.

  1. Change the cart icon and cart empty recommendations if needed.

  2. Save the changes.

How to customize your cart drawer

General settings

  • Show cart note: To allow customers to leave a note for their order.

  • Show shipping rates calculator: To display a tool that lets customers estimate their shipping costs before they proceed to the checkout page.

Free shipping goal

Offering free shipping can reduce cart abandonment and even entice customers to make a purchase. With Sleek, you can set up a free shipping message based on orders over certain order values.

Set up Free shipping goal in Theme settings > Cart

Cart recommendation

The Cart recommendation presents complementary product recommendations upon cart addition. The recommendations are dynamic and based on the items in your cart. They change and improve with time.

Make sure you have set up your free shipping rates.

app is required to display product recommendations.

To learn more about the recommendation logic, see .

To customize the recommendation list displayed on your product page and cart recommendations, see

See how
Shopify Search & Discovery
Shopify's Recommendations
Shopify Help Center.
Install FoxTransfer Chrome Extension FREE here