Available In

Displays the current list of states you can sell alcoholic products to.

The Available In component displays the list of states and certain delivery methods customers can receive alcoholic products to. As your licenses and available delivery methods change, the component will automatically update.

Sample "Available In"

Sample "Available In"

HTML Element

Insert the following HTML to include the Available In component:

<div class="vs-available"></div>

Settings

There are no unique settings to the Available To component.

Use with Product Catalog

When using Product Catalog, you will need to manually turn off including the "Available In" component.

Global Configuration (recommended)

The simplest way is to set the productCatalogAvailable in Configuration to false. This will force all instances of Product Catalog to not show the Available In component without needing to further modify HTML.

Per Product Catalog

You can also add the attribute data-vs-available="false" to the HTML. This will overwrite the global setting for the particular instance of the Product Catalog.

<div class="vs-products" data-vs-available="false"></div>

What’s Next