# Common Issues

<details>

<summary>Config Error on the Connect Widget</summary>

<img src="https://268636785-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8n4plerMUJrsrAiaKpc2%2Fuploads%2F7xQhcTE0CyCkLIERF3mh%2FScreen%20Shot%202022-07-15%20at%203.24.41%20PM.png?alt=media&#x26;token=cdb5bf17-1763-4cf3-9dda-0d4d2dc2cc2c" alt="Config Error" data-size="original">

#### Custom Domain

This error will happen if your store has a custom domain and does not use the default `helloworld.myshopify.com` domain.&#x20;

To fix this, [make an app](https://docs.manifold.xyz/v/manifold-for-developers/client-widgets/connect-widget/tutorial#get-a-developer-account-and-create-an-app) in the [Manifold Developer Portal](https://developer.manifoldxyz.dev/apps) with the following settings:

* **App Name**: \<YOUR STORE NAME> (e.g. "My Cool Store")
* **Description**: \<YOUR STORE DESCRIPTION>
* **Grant Type**: Token
* **Redirect URI**: \<YOUR CUSTOM DOMAIN **WITHOUT** TRAILING SLASH> (i.e. `https://helloworld.com`)

Once you do this, the Shopify Merch Bridge will recognise your custom domain.

#### Changed Store Name

This will also happen if you changed your store name.  To fix it, simply uninstall and reinstall the Manifold Token Gate by visiting **`<your shopify store>`.myshopify.com/admin**

</details>

<details>

<summary>Quantity is always 1 when adding a gated item</summary>

The Manifold Merch Bridge relies on `<div>` class names to retrieve the selected quantity when adding a gated item to the cart. This issue arises when you are using a custom theme and the `<div>` tag enclosing quantity input field does not have the proper id.

To fix this issue, ensure that the parent `<div>` of the quantity input box has the class **quantity**.&#x20;

#### Example:

The Debut theme needed the following modification within the `section/product-template.liquid` file:

```html
<div class="quantity">
  <label for="Quantity-{{ section.id }}">{{ 'products.product.quantity' | t }}</label>
  <input type="number" id="Quantity-{{ section.id }}"
    name="quantity" value="1" min="1" pattern="[0-9]*"
    class="product-form__input product-form__input--quantity" data-quantity-input
  >
</div>
```

</details>

<details>

<summary>Cart icon not updating when a gated item is added</summary>

This can occur if you are using a custom theme where the section's `<div>` does not match the section name. To correct this, add ensure the id prop of the section  `<div>` matches the section name, and ensure that the `data-cart-icon-section` property is set with the corresponding sections that contain the cart icon (see [UI Configuration Options](https://docs.manifold.xyz/manifold-for-developers/shopify-merch-bridge/ui-configuration-options#refreshing-non-dawn-theme-cart-counters)).

#### Example:

The Debut theme needed the following customizations because the cart icon is located within `sections/header.liquid`:

1. snippets/manifold-campaign-widget.liquid

   <pre class="language-html"><code class="lang-html"><strong>&#x3C;div data-widget="m-add-to-cart" data-cart-icon-section="header">
   </strong>&#x3C;/div>
   </code></pre>

2. snippets/header.liquid (modify so that the header div has the id value of 'header')

   ```html
   <div id="{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="header-section" data-header-section>
   ```

</details>

<details>

<summary>Add to cart button hidden</summary>

When setting up a gate there is a checkbox to indicate if a token exclusive or not. If “exclusive” is checked off the regular add to cart will not show.

</details>