# Cart

Install FoxTransfer Chrome Extension FREE here

An example of shopping cart icon in Zest theme header
## How to edit the Cart {% hint style="success" %} Steps: * In the theme editor (**Customize**), click **Theme settings.** * Locate **Cart.** * Make necessary changes. * **Save.** {% endhint %} ### 1. Cart type and icon style
A screenshort of cart type and icon type in Zest
You can change the cart type and cart icon displayed on the site: * Cart type: Drawer/Page * Cart icon: Shopping cart/Shopping bag
Zest theme's cart icon as shopping cart
Zest theme's cart icon as shopping bag
### 2. Cart drawer The cart drawer is a slide where the cart information will show. A side pops up whenever customers add an item to the cart, offering customers to continue shopping while they can see the cart information. Customers can also edit the quantity or add a specific note. ![](https://1836495117-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOdebKCa6IK9qfbdvSKj0%2Fuploads%2FPd3jR9gwcW5eQ4vpMi4h%2Fimage.png?alt=media\&token=3272c1ec-6b7f-4fd1-9260-f8f3f861e472) In the cart drawer settings, you can choose to: * **Open when item added**: let your customers check what's in their shopping cart without leaving the page * **Show item count**: display the total number of items in the shopping cart * **Show view cart link**: direct customers to the cart page
An example of cart drawer settings in Zest
* **Enable cart note**: let customers leave cart notes (or order notes) for the order. To edit your cart notes label, see [this article](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/add-order-notes#edit-your-order-notes-label). * **Enable cart recommendations**: display an automatically-generated or customized list of product recommendations randomly upon cart addition. This can boost your store cross-sell and drive conversions. {% hint style="info" %} **How are Zest's cart recommendations different from other themes?**\ \ Many Shopify themes offer the cart recommendations feature. In these themes, the recommended items are relevant to the **first product added** to the cart.\ \ On the other hand, in Zest, the recommended items are relevant to **all products added** to the cart, raising the chance of better AOV. {% endhint %} {% hint style="info" %} The maximum number of recommended products per item displayed in the cart drawer is 3. {% endhint %} [Shopify Search & Discovery](https://apps.shopify.com/search-and-discovery) app is required to display product recommendations. To learn more about the recommendation logic, see [Shopify's Recommendations](https://shopify.dev/docs/themes/product-merchandising/recommendations). To customize the recommendation list displayed on your product page and cart recommendations, see [Shopify Help Center.](https://help.shopify.com/manual/online-store/search-and-discovery/product-recommendations)
{% hint style="info" %} ✨ The **Cart recommendations** feature is available on **Zest version 5.0.0 and above** ✨ {% endhint %} * **Enable calculate shipping rates**: To calculate shipping rates, you need to fill in the default country, referring to the country name [here](#3.-country-code). ### 3. Free shipping message Offering free shipping can reduce your cart abandonment and entice customers to make a purchase. With Zest, setting up a free shipping message based on orders over a certain menu is very simple. {% embed url="" %}
#### Step 1: Setting up Free shipping rates. 1. From your [**Shopify admin**](https://domain.myshopify.com/admin), go to **Settings** > **Shipping and delivery**. 2. Next to **General shipping rates**, click **Manage**.
3\. Add the shipping rate to each of your shipping zone. a. Click **Add rate**. b. Enter the name for the rate. c. Make sure that the value of the **Price** field is `0`. d. Click **Add conditions**. e. Select **Based on order price**. f. Enter a minimum price. g. Click **Done**.
4\. Click **Save**. #### Step 2: Enable Free shipping message in Zest When you're done configuring relevant Shopify settings, follow these steps to show your free shipping message in your storefront. 1. In your theme editor (**Customize**), locate **Theme settings** > **Cart**. 2. Check the **Show free shipping message** option and enable the confetti effect (optional). 3. Add a motivational message to encourage customers buying more and reach the shipping goal. 4. Fill in the **minimum spend for free shipping** using the same value as the one you set in Step 1. 5. Click **Save** to finish.
{% hint style="info" %} * The confetti effect only shows when the minimum spend is reached. * Use a round number without currency, symbols or letters as the minimum spend for free shipping. {% endhint %} {% hint style="info" %} Free shipping goal is based on the store's primary currency. If customers switch to another currency, the goal will be calculated using Shopify market [exchange rates](https://help.shopify.com/en/manual/markets/pricing/exchange-rates). {% endhint %} ### 4. Country Code The code designates a country/region, which generally follows ISO 3166-1 alpha-2 guideline.
Country codeCountry nameCountry codeCountry name
ACAscension IslandLALaos
ADAndorraLBLebanon
AEUnited Arab EmiratesLCSt. Lucia
AFAfghanistanLILiechtenstein
AGAntigua & BarbudaLKSri Lanka
AIAnguillaLRLiberia
ALAlbaniaLSLesotho
AMArmeniaLTLithuania
ANNetherlands AntillesLULuxembourg
AOAngolaLVLatvia
ARArgentinaLYLibya
ATAustriaMAMorocco
AUAustraliaMCMonaco
AWArubaMDMoldova
AXÅland IslandsMEMontenegro
AZAzerbaijanMFSt. Martin
BABosnia & HerzegovinaMGMadagascar
BBBarbadosMKNorth Macedonia
BDBangladeshMLMali
BEBelgiumMMMyanmar (Burma)
BFBurkina FasoMNMongolia
BGBulgariaMOMacao SAR
BHBahrainMQMartinique
BIBurundiMRMauritania
BJBeninMSMontserrat
BLSt. BarthélemyMTMalta
BMBermudaMUMauritius
BNBruneiMVMaldives
BOBoliviaMWMalawi
BQCaribbean NetherlandsMXMexico
BRBrazilMYMalaysia
BSBahamasMZMozambique
BTBhutanNANamibia
BVBouvet IslandNCNew Caledonia
BWBotswanaNENiger
BYBelarusNFNorfolk Island
BZBelizeNGNigeria
CACanadaNINicaragua
CCCocos (Keeling) IslandsNLNetherlands
CDCongo - KinshasaNONorway
CFCentral African RepublicNPNepal
CGCongo - BrazzavilleNRNauru
CHSwitzerlandNUNiue
CICôte d’IvoireNZNew Zealand
CKCook IslandsOMOman
CLChilePAPanama
CMCameroonPEPeru
CNChinaPFFrench Polynesia
COColombiaPGPapua New Guinea
CRCosta RicaPHPhilippines
CUCubaPKPakistan
CVCape VerdePLPoland
CWCuraçaoPMSt. Pierre & Miquelon
CXChristmas IslandPNPitcairn Islands
CYCyprusPSPalestinian Territories
CZCzechiaPTPortugal
DEGermanyPYParaguay
DJDjiboutiQAQatar
DKDenmarkRERéunion
DMDominicaRORomania
DODominican RepublicRSSerbia
DZAlgeriaRURussia
ECEcuadorRWRwanda
EEEstoniaSASaudi Arabia
EGEgyptSBSolomon Islands
EHWestern SaharaSCSeychelles
EREritreaSDSudan
ESSpainSESweden
ETEthiopiaSGSingapore
FIFinlandSHSt. Helena
FJFijiSISlovenia
FKFalkland IslandsSJSvalbard & Jan Mayen
FOFaroe IslandsSKSlovakia
FRFranceSLSierra Leone
GAGabonSMSan Marino
GBUnited KingdomSNSenegal
GOGrenadaSOSomalia
GEGeorgiaSRSuriname
GFFrench GuianaSSSouth Sudan
GGGuernseySTSão Tomé & Príncipe
GHGhanaSVEl Salvador
GIGibraltarSXSint Maarten
GLGreenlandSYSyria
GMGambiaSZEswatini
GNGuineaTATristan da Cunha
GPGuadeloupeTCTurks & Caicos Islands
GQEquatorial GuineaTDChad
GRGreeceTFFrench Southern Territories
GSSouth Georgia & South Sandwich IslandsTGTogo
GTGuatemalaTHThailand
GWGuinea-BissauTJTajikistan
GYGuyanaTKTokelau
HKHong Kong SARTLTimor-Leste
HMHeard & McDonald IslandsTMTurkmenistan
HNHondurasTNTunisia
HRCroatiaTOTonga
HTHaitiTRTurkey
HUHungaryTTTrinidad & Tobago
IDIndonesiaTVTuvalu
IEIrelandTWTaiwan
ILIsraelTZTanzania
IMIsle of ManUAUkraine
INIndiaTGUganda
IOBritish Indian Ocean TerritoryTMU.S. Outlying Islands
IQIraqUSUnited States
IRIranUYUruguay
ISIcelandUZUzbekistan
ITItalyVAVatican City
JEJerseyVCSt. Vincent & Grenadines
JMJamaicaVEVenezuela
JOJordanVGBritish Virgin Islands
JPJapanVNVietnam
KEKenyaVUVanuatu
KGKyrgyzstanWFWallis & Futuna
KHCambodiaWSSamoa
KIKiribatiVKKosovo
KMComorosYEYemen
KNSt. Kitts & NevisYTMayotte
KPNorth KoreaZASouth Africa
KRSouth KoreaZMZambia
KWKuwaitZWZimbabwe
KYCayman IslandsZZUnknown Region
KZKazakhstan
Check out how to set up your Cart as Cart page here: {% content-ref url="../other-pages/cart-and-checkout" %} [cart-and-checkout](https://docs.foxecom.com/zest-theme/other-pages/cart-and-checkout) {% endcontent-ref %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.foxecom.com/zest-theme/theme-settings/cart.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.