Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Choose cart type: drawer or page
  • Customize cart colors
  • Change cart icon
  • Enable cart notes
  • Show currency code

Was this helpful?

  1. Cart

Cart

Last updated 7 months ago

Was this helpful?

The Cart appears when customers add a product or click the cart icon in the Header. Customers can view their items in the cart, change product quantity, then click the checkout button to complete their purchase.

  • Display the cart as a slide-out drawer or page

  • Allow customers to add notes to their order

  • Change the cart icon style in the header

  • Set up cart features and

Choose cart type: drawer or page


By default, the cart appears as a slide-out Drawer when customers add a product. In the Cart settings, you can turn off the cart drawer and redirect customers to the cart page instead.

In theme settings, click Cart tab to find settings

Setting
Description
Options

Cart type

Choose how the cart appears when customers add a product. Drawer: Shows a slide-out cart, keeping customers on the current page. Page: Redirects customers to the cart page.

Drawer Default Page

Customize cart colors


The cart drawer uses the Drawers colors in your theme settings. The cart page uses the Default color scheme in your theme settings.

In theme settings, click Colors tab to find settings

Setting
Description

Popovers, modals, and drawers

Edit the color scheme for menus and cart drawers.

Default color scheme

Select the color scheme for default pages, including the cart page.

Change cart icon


The icon for the cart appears in the header. You change the icon style or choose to show no icon.

In theme settings, click the Cart tab to find the settings

Setting
Description
Options

Cart icon

Change the icon style for the cart in the header. No icon shows a simple button with the item count.

Cart Bag Default No icon

Enable cart notes


The Cart notes option allow customers to include a message with their order. The text entered into the order notes field will be included in the order details.

Setting
Description

Enable cart note

Display a text field in the cart where customers can add requests or extra information to their order.

Show currency code


When enabled, the country currency code appears next to the cart total.

In the theme setting, click the Currency format tab to find the settings

Setting
Description

Show currency codes on cart totals

Show the three-letter country currency code next to cart totals.

Free shipping bar
Cross sells