Variants list on product detail page

Show variants on the product detail page

Show the product variants in a table on the product detail page. It is very easy to sort and quick order a product.

Variants settings 

Go to your plugins and click on “Config”

In the config you can choose which variant option to show.

Available variables

• Thumbnail
• Product number
• Manufacturer number
• Purchase steps
• Variant names / option names
• Price
  - If a variant has “Advanced pricing” it will show the lowest price in the table.
  
  
• Stock
  - If the “Clearance sale” is disabled the stock is always green.
  - If the “Clearance sale”is enabled, the stock colors are
  - Stock is 0 = red
  - Stock is lower than threshold = orange / yellow
  - Stock is bigger than the threshold = green
  
  

• Threshold
  - If the option “Clearance sale” is enabled ​ AND​ the product stock is lower than threshold the stock color = orange / yellow.
  - Default threshold = 3
  - If the option “Clearance sale” is disabled the stock color = green
  
  
• Delivery time
• Quick order form or product link
  - Quick Order form = select + order button
  - Product link = Go to the product variant page

Responsive 

The plugin is responsive. A horizontal scroll bar appears on mobile so you can scroll.

Snippets

• h1.variants.thumb
  Default: Empty
• h1.variants.product_nr
  Default: Product nr
• h1.variants.manufacturer_product_number
  Default: Manufacturer nr
• h1.variants.purchase_steps
  Default: Purchase steps
• h1.variants.option_names
  Default: Options
• h1.variants.price
  Default: Price
• h1.variants.stock
  Default: Stock
• h1.variants.deliveryTime
  Default: Delivery time
• h1.variants.quick_order
  Default: Empty
• h1.variants.view_product
  Default: View