ELVESSANE / MENSWEARTHEME DOCUMENTATION · v2.3.3

ELVESSANE / THEME DOCUMENTATION

Cart & drawers

Full cart, cart drawer, quick-product drawer and the global behavior merchants must test.

EV5
DOCS

CART EXPERIENCE

Two layers: cart behavior and cart presentation.

Global Cart settings decide the storefront behavior. The Cart template controls the full cart page, while the Cart Drawer section handles the side-drawer experience.

QA PRIORITY

Test commerce states, not only appearance.

Verify empty cart, one item, multiple variants, quantity edits, removal, discounts, accelerated checkout, notes, unavailable variants and mobile drawer behavior.

Global Cart settings

SettingTypeDefaultOptions
Cart behaviorcart_typeselectdrawerDrawer, Page
Show cart noteshow_cart_notecheckboxOn
Show currency codeshow_currency_codecheckboxOn
Show accelerated checkoutcart_show_accelerated_checkoutcheckboxOn
Show payment iconscart_show_payment_iconscheckboxOn
01

ev5-cart

Full cart page

Use

Controls the cart page layout, editorial content, line items, totals, checkout actions and supporting merchandising.

Test

  1. Empty and populated carts.
  2. Quantity update and remove controls.
  3. Currency formatting.
  4. Cart note and accelerated checkout when enabled.
  5. Mobile spacing and sticky actions.
Complete cart section settings 86 settings
SettingTypeDefaultOptions
1. Cinematic cart intro
Enable cinematic introenable_cinematic_introcheckboxOff
Intro eyebrowcinema_eyebrowtextELVESSANE / YOUR SELECTION
Intro headingcinema_headingtextYour selection
Intro textcinema_descriptiontextareaA final look at the pieces selected for your wardrobe before continuing to checkout.
Empty cart intro textcinema_empty_texttextareaYour selection is still open. Discover pieces designed to become part of your everyday edit.
Empty cart total textcinema_empty_price_texttextYOUR EDIT AWAITS
Empty media labelcinema_empty_media_labeltextDISCOVER ELVESSANE
Scroll instructioncinema_scroll_labeltextSCROLL TO REVIEW
Intro scroll durationcinema_scroll_heightrange140
Intro title size — desktopcinema_title_sizerange58
Intro backgroundcinema_backgroundcolor#F7F1E9
Intro heading colorcinema_textcolor#211711
Intro secondary textcinema_mutedcolor#756A61
Intro accentcinema_accentcolor#171717
Text over imagecinema_overlay_textcolor#FFFFFF
2. Cart colors
Page backgroundcart_page_backgroundcolor#F7F1E9
Cards backgroundcart_surfacecolor#FCF8F2
Soft backgroundcart_surface_altcolor#EFE5D8
Main textcart_textcolor#211711
Secondary textcart_mutedcolor#756A61
Main effect colorcart_effectcolor#171717
Soft effect colorcart_effect_softcolor#6F655E
Borderscart_bordercolor#D8C9B7
Summary backgroundsummary_backgroundcolor#FCF8F2
Total backgroundtotal_backgroundcolor#E9DCCB
Total texttotal_textcolor#211711
Checkout buttoncheckout_backgroundcolor#171717
Checkout button textcheckout_textcolor#FFF9F1
3. Cart header
EyebroweyebrowtextYOUR SELECTION
HeadingheadingtextYour cart
Items headingitems_headingtextSelected pieces
Empty cart headingempty_headingtextYour edit is waiting
Empty cart textempty_texttextDiscover something considered for your next look.
Show vendorshow_vendorcheckboxOff
Remove labelremove_labeltextRemove
Show cart insightsshow_cart_insightscheckboxOn
Items insight labelinsight_items_labeltextItems
Savings insight labelinsight_saved_labeltextSaved
Total insight labelinsight_total_labeltextTotal
Checkout insight labelinsight_checkout_labeltextCheckout
Checkout insight valueinsight_checkout_valuetextSecure
4. Delivery and rewards
Show free-shipping progressshow_shipping_progresscheckboxOn
Free-shipping thresholdshipping_thresholdrange150
Progress messageprogress_messagetextYou are {amount} away from complimentary shipping.
Success messagesuccess_messagetextComplimentary shipping unlocked.
Show second reward milestoneshow_reward_goalcheckboxOn
Second reward thresholdreward_thresholdrange250
First milestone labelreward_start_labeltextYour edit
Locked reward labelreward_labeltextBonus at threshold
Unlocked reward labelreward_unlocked_labeltextBonus unlocked
5. Cart tools
Show gift messageshow_gift_messagecheckboxOn
Gift message headinggift_message_labeltextGift message
Gift message placeholdergift_message_placeholdertextAdd a message for the recipient
Show delivery noteshow_delivery_notecheckboxOn
Delivery notedelivery_notetextDelivery options and final estimates are shown at checkout.
Gift wrap productgift_wrap_productproduct
Gift wrap eyebrowgift_wrap_eyebrowtextGIFTING
Gift wrap headinggift_wrap_headingtextMake it ready to give
Gift wrap button labelgift_wrap_buttontextAdd gift wrapping
6. Service cards
Service 1 headingservice_1_headingtextProtected checkout
Service 1 textservice_1_texttextPayment options are shown securely at checkout.
Service 2 headingservice_2_headingtextFlexible delivery
Service 2 textservice_2_texttextAvailable delivery methods are calculated at checkout.
Service 3 headingservice_3_headingtextReturns information
Service 3 textservice_3_texttextKeep return-policy guidance close to the purchase decision.
7. Order summary
Summary eyebrowsummary_eyebrowtextORDER SUMMARY
Summary headingsummary_headingtextReady when you are
Checkout step 1step_1textCart
Checkout step 2step_2textDelivery & payment
Checkout step 3step_3textConfirmation
Order note placeholdernote_placeholdertextAdd delivery or order instructions
Secure checkout textsecure_texttextSecure checkout
Delivery textdelivery_texttextDelivery options at checkout
Returns textreturn_texttextReturn policy information
Show payment iconsshow_payment_iconscheckboxOn
8. Product recommendations
Recommended products collectioncross_sell_collectioncollection
Cross-sell eyebrowcross_sell_eyebrowtextCOMPLETE THE ORDER
Cross-sell headingcross_sell_headingtextYou may also like
02

ev5-cart-drawer

Cart drawer

Use

Side cart opened after add-to-cart when the global cart behavior is configured for drawer use.

Test

  1. Open/close from header bag.
  2. Add-to-cart auto-open behavior.
  3. Quantity and remove actions.
  4. Keyboard focus trap and Escape close.
  5. Checkout button and empty state.
Complete drawer settings 36 settings
SettingTypeDefaultOptions
Drawer layout
Drawer widthdrawer_widthrange480
Show product vendorshow_vendorcheckboxOff
Show line item savingsshow_savingscheckboxOn
Show cart insight rowshow_cart_insightscheckboxOff
Items insight labelinsight_items_labeltextItems
Savings insight labelinsight_saved_labeltextSaved
Total insight labelinsight_total_labeltextTotal
Delivery and rewards
Show free-shipping progressshow_shipping_progresscheckboxOff
Free-shipping thresholdshipping_thresholdrange150
Progress messageprogress_messagetextYou are {amount} away from complimentary shipping.
Success messagesuccess_messagetextComplimentary shipping unlocked.
Show second reward milestoneshow_reward_goalcheckboxOff
Second reward thresholdreward_thresholdrange250
First milestone labelreward_start_labeltextYour edit
Locked reward labelreward_labeltextBonus at threshold
Unlocked reward labelreward_unlocked_labeltextBonus unlocked
Delivery service textdelivery_promisetextDelivery choices at checkout
Returns service textreturns_promisetextReturn policy available
Cart tools
Show order noteshow_notecheckboxOn
Order note headingnote_labeltextOrder note
Order note placeholdernote_placeholdertextDelivery instructions or a note for the order
Gift wrap productgift_wrap_productproduct
Gift wrap headinggift_wrap_labeltextAdd gift wrapping
Product recommendations
Recommended products collectioncross_sell_collectioncollection
Products to showcross_sell_limitrange2
Eyebrowcross_sell_eyebrowtextLAST-MINUTE EDIT
Headingcross_sell_headingtextComplete the order
Checkout confidence
Empty cart headingempty_headingtextYour edit is waiting
Confidence textconfidence_texttextSecure checkout · Delivery details · Return policy
Show payment iconsshow_payment_iconscheckboxOn
Show accelerated checkout buttonsshow_accelerated_checkoutcheckboxOn
03

GLOBAL PRODUCT DRAWER

Quick product drawer

This is separate from the cart drawer. Product cards and quick-add actions can open one global product drawer for variant selection and Add to cart.

SettingTypeDefaultOptions
Global drawer
One product drawer is used by product cards and quick-add actions across the theme.
Desktop widthglobal_drawer_widthrange500
Backgroundglobal_drawer_backgroundcolor#F7F5F1
Textglobal_drawer_textcolor#171717
Button / hoverglobal_drawer_accentcolor#171717
View product labelglobal_drawer_view_labeltextVIEW PRODUCT
Add to cart labelglobal_drawer_add_labeltextADD TO CART