DocumentationCommerceStores and Purchase Experience

Cart configuration

Last update: Mon Jun 03 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • Beginner
  • Intermediate
  • Admin
  • User

The cart configuration determines how the shopping cart functions for your store customers, including when the customer is redirected to the cart page and which images are used for product thumbnails. You can also require an order to reach a minimum amount before the checkout process begins, specify the number of days quoted prices remain valid, and specify the order of items in the Order Totals section.

Mini cart - Configure this option to determine if the cart link/icon displays the number of different products (or SKUs) in the cart, or the total quantity of all items.

Mini cart link - Configure this option to determine if the mini cart appears when a customer clicks the number of items in the cart icon at the top of a store page.

Redirect to cart- Configure this option to determine if the shopping cart page appears whenever an item is added to the cart, or only when a customer chooses to go to the page.

Quote lifetime - Configure this option to specify how long a price is valid.

Minimum order amount - Configure these options to specify a minimum amount, after discounts are applied, that order subtotals are required to meet and the messaging displayed in the shopping cart.

Minimum order quantity - Configure these options to specify a minimum number of items that are required to place an order.

Cart thumbnails - Configure the cart thumbnail options to determine the thumbnails displayed in the cart for grouped or configurable products.

Gift options - Configure gift options to determine if customers can add a gift message or greeting card, and if gift-wrapping options that are available.

NOTE
For information about configuring the checkout process, see Checkout Options.

Mini cart

The mini cart displays a summary of items in the cart. It is enabled by default, and appears when you click the Cart link at the top of the page.
The link can be configured to display the number of different products (or SKUs) in the cart, or the total quantity of all items.

The shopper displays the shopping cart sidebar from a product page {width="700" modal="regular"}

NOTE
For a registered customer, there are cases when the Mini Cart may not be synchronized across the multiple devices and browsers automatically. To synchronize the Mini Cart in such cases, the customer can simply open the Shopping Cart page on that device or browser.

Configure the mini cart

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Checkout.

  3. Expand Expansion selector the Mini Cart section.

    Configuring the mini cart {width="600" modal="regular"}

  4. If the setting is for a specific store view, choose the store view where the configuration applies.

    When prompted, click OK  to continue.

  5. Set Display Mini Cart to one of the following:

    • Yes - Displays the mini cart on store pages. The appearance of the sidebar depends upon the theme.
    • No - Disables the display of the mini cart on store pages.

  6. If the display is enabled, update the other options to configure the display:

    • For Number of Items to Display Scrollbar, enter the number of items that can appear in the sidebar before the scrollbar is triggered.
    • For Maximum Display Recently Added Item(s), enter the maximum number of recently added items that you want to appear in the mini cart.

  7. Click Save Config.

  1. On the Admin sidebar, got to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Checkout.

  3. Expand Expansion selector the My Cart Link section.

  4. Set Display Cart Summary to one of the following settings:

    • Display item quantities - This setting displays the total number of products in the cart, adding the quantities for each product.
    • Display number of items in cart - This setting displays the number of product items in the cart, regardless of quantity.

    Configuration options for My Cart Link {width="600" modal="regular"}

  5. Click Save Config.

Redirect to cart

The shopping cart page can be configured to appear whenever an item is added to the cart, or only when customers choose to go to the page. The basic information about the items currently in the cart is always available in the mini cart. The decision is a matter of balancing the benefits of letting customers continue shopping, with the benefits of encouraging customers to proceed to checkout. It might be a simple matter of personal preference. However, if you want to back it up with numbers, you can run an A/B test to see which approach produces a higher conversion rate.

To configure when the cart appears:

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Checkout.

  3. Expand Expansion selector the Shopping Cart section.

    The shopping cart configuration settings expanded on the page {width="600" modal="regular"}

  4. If the setting is for a specific store view, choose the store view where the configuration applies.

    When prompted, click OK  to continue.

  5. Set After Adding a Product Redirect to Shopping Cart to one of the following:

    • Yes - Displays the shopping cart page immediately after a product is added to the cart.
    • No - Disables redirect to the shopping cart after a product addition to the cart.

  6. Click Save Config.

Quote lifetime

With the installation and enablement of Adobe Commerce B2B, you can add support for the Quotes feature. This capability allows authorized buyers to initiate the price negotiation process by submitting a request from the shopping cart. The Quotes grid lists each quote received, and maintains a history of the communication between buyer and seller. For more information about the B2B features, see Negotiated quotes in the Adobe Commerce B2B User Guide.

You can determine how long a price is valid by setting the cart quote lifetime in the configuration. For example, if a shopper leaves a cart unattended after several days, the quotes price for some items might no longer be the same. By default, the quote lifetime is set to 30 days.

To configure the quote lifetime:

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Checkout.

  3. Expand Expansion selector the Shopping Cart section.

    The shopping cart configuration settings expanded on the page {width="600" modal="regular"}

  4. If the setting is for a specific store view, choose the store view where the configuration applies.

    When prompted, click OK  to continue.

  5. For Quote Lifetime (days), enter the number of days that a quoted price remains valid.

  6. Click Save Config.

Minimum order amount

The configuration allows you to specify a minimum amount, after discounts are applied, that order subtotals are required to meet. Orders shipped to multiple address can be required to meet the minimum order amount per address. The Checkout button becomes available only after the minimum order amount is reached.

The shopping cart displays a minimum order message {width="700" modal="regular"}

To configure a minimum order amount:

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Sales underneath.

  3. Expand Expansion selector the Minimum Order Amount section.

    The minimum order configuration options expanded on the page {width="600" modal="regular"}

  4. To require a minimum order amount, set Enable to Yes.

  5. If the minimum order is enabled, set the following options to configure the requirement:

    • Enter the Minimum Amount that is required for the subtotal, after discounts are applied.

    • Set Include Discount Amount to one of the following:

      • Yes - Requires that the subtotal meet the minimum amount with any discounts included. Using an example of a $50 minimum, if the cart contains a $60 top with a 25% discount applied, the resulting subtotal is $45 and the cart would not meet the minimum.
      • No - Requires that the subtotal meet the minimum amount without any discounts.

    • Set Include Tax to Amount to one of the following:

      • Yes - Requires the subtotal to meet the minimum amount with tax included.
      • No - Requires the subtotal to meet the minimum amount without tax.

  6. Optionally, customize minimum order amount message settings:

    • For Description Message, enter the text you want to use to customize the message that appears at the top of the cart when the subtotal does not meet the minimum amount.

    • For Error to Show in Shopping Cart, enter the text you want to use to customize the shopping cart error message.

    Leave the message description fields empty to use the default messages.

  7. If needed, configure minimum order amount setting for multi-address orders:

    • To require that each address in a multi-address order meets the minimum order amount, set Validate Each Address Separately in Multi-address Checkout to Yes.

    • Optionally, customize minimum order amount message settings:

      • Multi-address Description Message - Enter the text that you want to use to customize the message that appears at the top of the cart for multi-address orders that do not meet the minimum.

      • Multi-address Error to Show in Shopping Cart - Enter the text you want to use to customize the shopping cart error message for multi-address orders that do not meet the minimum, enter the text in the box.

      Leave the message description fields empty to use the default messages.

  8. Click Save Config.

Minimum order quantity

You can set the minimum quantity allowed for an order. The minimum quantity can also be configured according to each customer group.

  1. Go to Stores > Settings > Configuration.

  2. In the left panel, expand Catalog and choose Inventory.

  3. Expand Expansion selector the Product Stock Options section.

    Product Stock Options {width="600" modal="regular"}

  4. For Minimum Qty Allowed in Shopping Cart, set the minimum quantity of the product for an order.

    If needed, clear the Use system value checkbox to modify these settings.

    • Change the Customer Group setting to a specific group and enter the Minimum Qty for that group. To add another group and quantity limit, click Add Minimum Qty.

    • To set the same minimum quantity limit for all customers, keep the ALL GROUPS selection and enter the Minimum Qty.

  5. Click Save Config.

    Minimum quantity requirement in shopping cart {width="700" modal="regular"}

Cart thumbnails

Adobe Commerce (Adobe Commerce only)

The thumbnail images displayed in the cart give customers a quick overview of the items that they are about to purchase. However, for products with multiple options, the image might not match the variation of the product that is in the cart. If the customer purchases an item in a specific color, ideally, the thumbnail in the cart should match.

The thumbnail image for both grouped and configurable products can be set to display the image from either the “parent” product or from the product variation.

The shopping cart displays thumbnail images for each product {width="700" modal="regular"}

To configure cart thumbnails:

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Checkout.

  3. Expand Expansion selector the Shopping Cart section.

    The shopping cart configuration settings expanded on the page {width="600" modal="regular"}

  4. Set Grouped Product Image to determine the thumbnail that is used in the cart for grouped products:

    • Product Thumbnail Itself - Uses the thumbnail assigned to the product variation that is added to the cart.
    • Parent Product Thumbnail - Uses the thumbnail assigned to the parent product.

  5. Set Configurable Product Image to determine the thumbnail that is used in the cart for configurable products:

    • Product Thumbnail Itself - Uses the thumbnail assigned to the product variation that is added to the cart.
    • Parent Product Thumbnail - Uses the thumbnail assigned to the parent product.

  6. Click Save Config.

Gift options

The selection of available gift options appears in the cart before the checkout process begins. The gift options configuration determines if customers can add a gift message or greeting card, and if gift-wrapping options are available. Each item in the order can have a separate message and gift wrapping. When applied to the entire order, customers can also add a gift receipt and greeting card.

Example storefront - Gift options in shopping cart {width="700" modal="regular"}

The Gift Options configuration applies to the entire website, but can be overridden at the product level.

Enable gift options

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Sales underneath.

  3. Expand Expansion selector Gift Options on the page.

    Sales configuration - Gift Options settings {width="600" modal="regular"}

  4. Set the gift message options according to your preference:

    • For Allow Gift Messages on Order Level, select Yes to enable a single gift message for the whole order.
    • For Allow Gift Messages for Order Items, select Yes to enable adding separate gift messages for individual items in the customer shopping cart.

  5. Adobe Commerce (Adobe Commerce only) Set the gift-wrapping options according to your preference:

    • For Allow Gift Wrapping on Order Level, select Yes to enable a single gift wrapping for the entire order.
    • For Allow Gift Wrapping for Order Items, select Yes to enable adding gift wrapping individually to each item in the customer shopping cart.

    You can also define different gift-wrapping designs so that customers can choose the wrapping.

  6. Adobe Commerce (Adobe Commerce only) To provide customers with an option to include a gift receipt, set Allow Gift Receipt to Yes.

  7. Adobe Commerce (Adobe Commerce only) To provide customers with an option to include a printed card, set Allow Printed Card to Yes.

  8. Adobe Commerce (Adobe Commerce only) Enter the Default Price for Printed Card.

  9. Click Save Config.

Gift wrap

Adobe Commerce (Adobe Commerce only)

Gift wrapping is available for any product that can be shipped, and can be offered for individual items or for the entire order. You can charge a separate price for each gift wrap design, and upload a thumbnail image for each design that appears as an option for a product in the cart. When a customer clicks the gift wrap thumbnail, a full-size image appears. During checkout review, the gift wrap charge appears with the other checkout totals in the Order Summary section.

The gift wrap image should be a swatch that shows the repeating pattern, and can also include a sample of the ribbon that is to be used. You can either scan the paper, or take a photograph of a wrapped package. The uploaded image can be a GIF, JPG, or PNG image, and should be square. In the following example, the uploaded gift wrap image is 230 x 230 pixels.

Gift options in cart {width="700" modal="regular"}

Add a gift wrap design

  1. On the Admin sidebar, go to Stores > Other Settings > Gift Wrapping.

    Gift Wrapping grid {width="700" modal="regular"}

  2. In the upper-right corner, click Add Gift Wrapping.

  3. Enter the name for the Gift Wrapping Design to appear during checkout.

    If needed, you can change the Scope and configure a different name for each store view.

  4. Select the Websites where the gift wrap design is available.

  5. Set Status to Enabled.

    If you have seasonal wrapping option, you can set it to Disabled when you do not want the option to be available.

  6. Enter the Price of the gift wrap design.

    This setting can be overridden by the gift wrap price set at the product level.

    New Gift Wrapping {width="600" modal="regular"}

  7. To upload a thumbnail Image of the gift wrapping, click Choose File and select the file to upload from your directory.

    A thumbnail of the image appears in the Gift Wrapping Information after the record is saved.

  8. Click Save.

Edit a gift wrap design

  1. On the Admin sidebar, go to Stores > Other Settings > Gift Wrapping.

  2. Find the gift wrap record in the list.

  3. In the Action column, click Edit.

    Edit gift wrapping information {width="600" modal="regular"}

  4. Make the necessary changes.

  5. Click Save.

Delete gift wrap designs

With the Gift Wrapping grid open, use one of these methods to delete wrap designs.

Method 1: Delete a single gift wrap design

  1. Open the gift-wrapping design in edit mode.

  2. At the top of the workspace, click Delete.

  3. When prompted, click OK to confirm.

Method 2: Delete multiple gift wrap designs

  1. In the Gift Wrapping grid, select the checkbox of each gift wrap design that you want to delete.

  2. Set the Actions control to Delete.

  3. Click Submit.

Gift options tax

Adobe Commerce (Adobe Commerce only)

Gift wrapping and printed gift card prices can be configured to include or exclude tax, or to display both options. You can also specify a tax class for these items, at either the global or website level.

To configure gift options taxes:

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel, expand Sales and choose Tax.

  3. Expand Expansion selector the Tax Classes section.

    Tax class configuration {width="600" modal="regular"}

  4. Set Tax Class for Gift Options to the applicable tax class.

  5. Expand Expansion selector the Orders, Invoices, Credit Memos Display Settings section.

    Orders, invoices, credit memos display settings {width="600" modal="regular"}

  6. Set Display Gift Wrapping Prices to one of the following:

    • Excluding Tax
    • Including Tax
    • Including and Excluding Tax

  7. Set Display Printed Card Prices to one of the following:

    • Excluding Tax
    • Including Tax
    • Including and Excluding Tax

  8. Click Save Config.

recommendation-more-help
dacea746-44a9-4368-b3fb-3bcff64c6be1