Skip to content

Let your logged in customers retrieve a cart from another session

Notifications You must be signed in to change notification settings

vtex-apps/cross-device-cart

Repository files navigation

📢 Use this project, contribute to it or open issues to help evolve it using Store Discussion.

CROSS DEVICE CART

⚠️ Maintenance ⚠️

Starting June 1st 2023, this application will no longer be maintained by VTEX.


All Contributors

The main feature users are looking for is to keep an up-to-date shopping cart through different devices; one of the most important experiences of a truly unified commerce.

To do so, this app was created to enable logged in users to retrieve their cart from their last session.

Configuration

  1. Install the app and then import it to your theme's peer dependencies in manifest.json,
  "peerDependencies": {
    // ...
    "vtex.cross-device-cart": "1.x"
  }
  1. Add the cross-device-cart block as a children of your store header, desktop and mobile, for i.e:

    "header-layout.desktop": {
        "children": [
    +     "cross-device-cart",
          "flex-layout.row#1-desktop",
          "flex-layout.row#2-desktop",
          "flex-layout.row#3-desktop",
          "sticky-layout#4-desktop"
        ]
      },
      "header-layout.mobile": {
        "children": [
    +     "cross-device-cart",
          "flex-layout.row#1-mobile",
          "sticky-layout#2-mobile"
        ]
      },
  2. (Optional) You can tailor the default experience by accesing the admin app settings.
    By default, the app handles the replacement automatically. But it you set it to manual, a challenge block will be rendered as an action bar, for the user to interact with.

Customization

CSS Handles
actionBar
challengeText

Contributors

Thanks goes to these wonderful people:

This project follows the all-contributors specification. Contributions of any kind are welcome!