Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

(Formerly known as the Product Attribute Grid widget)

Widget Use

Excerpt

Renders 2-dimensional style / colour / size options for a product in a compact grid layout, instead of using the Product Attribute List display method. With the attribute grid, options are presented in a matrix where the user can enter quantities against multiple options and add their selections to the cart. The option to display attributes this way is set at the product level, so that only products with 2 attribute types utilise the widget.

 


Example of Widget Use

Following is an example of the widget in use:

 


Where can the Widget be placed?

The widget can be used in the following templates:

  • Product Detail Template
  • Product List Item Zoned Template

 


Widget Options

OptionUseCommentsAvailable from Version
DescriptionA short description of the widget's use.Default: blank. We recommend
this field be updated
a desciption is added so the widget's purpose is clear at a glance from the template page.All
LayerThe layer the widget is valid for.

The layering technology allows for the content to be shown to specific audiences.

This is handy if the content is only valid for a certain type of user, or if the same widget is required for more than one audience, but different configuration is needed.

The widget can be added to the zone more than once and the layer feature can determine which audience can see each widget. 

All
Show Heading?

Determines whether a heading is displayed to the customer above the attribute grid. 

Image Added

Default

is: tickedUntick to disable

: ON

If OFF, the customer does not have to click the drop-down arrow to display the product selection grid. 

Info
We recommend disabling the Heading Text (turn off the Show Heading? button) so that the product variant grid displays automatically, encouraging buyers to use this easy selection method.


3.88
Heading Text

The heading displayed above the attribute grid (if enabled).

Default
is
: Product Options3.88
Add Button TextThe text on the Add to Cart button at the bottom of the attribute grid.Default
is
: Add selected to cart3.88
Product Tooltip

The help text displayed

on hover of

when the user hovers over the quantity box for an option.

The placeholders will be replaced as follows:

    • {0} = the attribute combination (e.g. "Red, Small")
    • {1} = the price for 1

 


Default
is
: Price For Product {0} = {1}3.88
Product Not Found Message Template

The message displayed to the user when they attempt to select an unavailable product.

The placeholder {0} will be replaced with the selected combination (e.g. "Red, Small").

Default
is
: Product {0} Not Found3.88
Increase Quantities In Pack Qty?Determines whether values in the quantity box change in pack quantity values when the + / - buttons are used.

Default

is

:

unticked

OFF

Tick to enable


3.88

...

Add Minimum Quantity to Cart?
Default: OFF


Implementation Notes

  • Only products with 2 attribute types can utilise the grid display; this widget will not render for products with fewer or more than 2 options. 
  • To enable a particular product for grid display, navigate to Product Maintenance and set the 'Product Attribute Display Type' to Grid Product Matrix Modemust be set for that product. 
  • To ensure the product variant grid displays correctly in CSS, make sure Product Matrix Mode is allowed. See Product Variant Grid for more details.
  • Please contact CV Support for assistance enabling multiple products in a bulk update. 


 

...

Related help

Content by Label
showLabelsfalse
spacesKB
showSpacefalse
sortcreation
showSpaceexcerptfalsetrue
reversetrue
excerptTypesimple
excerptexcludeCurrenttrue
operatorAND
cqllabel = "product-maintenance" and space = "KB" and title ~ "Product Variant Grid"
labelswidget cms