Configuration Settings

The following settings must be set in the Injector Configuration settings.

addToCartStyle

Type: Boolean
Default: true

When false, style will NOT be included for all instances of Add To Cart. This allows you to add styles from a clean slate.

If you plan to use Advanced Styling, keep this setting to true.

HTML Element Settings

The following settings can be set for each individual HTML code and are reactive.

data-vs-product-id (Required)

Type: Number

Defines the product. If adding a product that isn't associated with the producer's ID number, see data-vs-account-id.

data-vs-include-qty

Type: Boolean
Default: true

When true, the button will include a quantity selector. The options are based on the current availability of the product and the case size of the product (if applicable).

data-vs-product-units

Type: String
Default: 'Qty'

When set, this will replace the default option text in the quantity selector.

Recommended values include "Bottles", "Cans", etc.

data-vs-account-id

Type: Number
Default: Producer ID defined in Vinoshipper.init().

If your site includes products across different producer IDs, define this variable with the producer ID matching the product.

data-vs-theme

Type: String | undefined
Default: undefined

Overwrites the global theme setting for the particular component instance.