The share-list block displays a button to automatically copy the URL to send the list to guests.

ShareListShareList

Configuration

  1. Import the vtex.list app to your theme's peer dependencies in the manifest.json file as in the following example:
  "peerDependencies": {
    "vtex.list": "3.x"
  }
  1. Add the share-list block to other theme block inside a list context, such as the store.list. For example:
  "store.list": {
    "children": [
      "flex-layout.row
    ]
  },

  "flex-layout.row": {
    "children": [
      "list-info.name",
+     "share-list",
    ]
  }

Customization

To apply CSS customizations in this and other blocks, follow the Using CSS handles for store customization guide.

CSS Handles
shareListContainer
shareListIcon
shareListNotification

Did this page help you?