# Cart Layer

Show content on a modal after a product was added to the cart.

<figure><img src="https://2912494604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LHKqRZhVzu1H_Op1cBA%2Fuploads%2F57vSVQz5lwvnaedlS9Ui%2FScreenshot%202023-10-09%20at%2015.08.13.png?alt=media&#x26;token=1a87965f-14df-4992-a5d3-8c4e3e47059d" alt=""><figcaption></figcaption></figure>

## Show complementary products via 8.SET

{% code overflow="wrap" %}

```html
<div data-8select-widget-id="8.SET" data-sku="insert-sku-of-currently-added-product" data-touchpoint="cart-layer"></div>
```

{% endcode %}

## Show similar items via 8.SIMILAR

{% code overflow="wrap" %}

```html
<div data-8select-widget-id="8.SIMILAR" data-sku="insert-sku-of-added-viewed-product" data-touchpoint="cart-layer"></div>
```

{% endcode %}

## Integration

1. when a product is added to the cart, add the widget element where you would like to show recommendation content including `data-sku`
2. call `_8select.initCSE()` to let the SDK discover the new widget