# Why is the wrong product variant added to the cart?

### Prerequisites <mark style="color:red;">\*</mark>

**Make sure your theme's default variant picker is visible.**

Our app depends on your theme’s built-in variant picker to function correctly. To ensure everything works as expected, the **default variant picker must be displayed** on the product page.

If both the app’s swatches and the theme’s default variant picker are showing at the same time, don’t worry — just contact us, and we’ll help you hide the extra one.

Want to hide the default picker *before* our app loads? Let us know — we can help set that up.

For a smoother experience, we can also show a temporary loading state (skeleton picker) while the app is initializing.

## ✅ <mark style="color:green;">**Do**</mark>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2Fpco1DSuGIBJ0QBBUt1Gb%2Fimage.png?alt=media&#x26;token=b1294a69-7054-40f0-b1ab-cebdb9522cce" alt=""><figcaption><p>Enable both variant picker theme and app</p></figcaption></figure>

***

## ❌ <mark style="color:red;">**Do not**</mark>

<figure><img src="https://3138853960-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDsbeTbRNMPUo58YEXkMj%2Fuploads%2Fh37Rr0S5ndqhWgOtCKRl%2Fimage.png?alt=media&#x26;token=69956af4-d613-4d91-9c63-e3ce4d0252b4" alt=""><figcaption><p>Don't disable variant picker theme default</p></figcaption></figure>