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"
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>
Updated 5 months ago