How do I define/add a new variant/variant property to my store?


To define/add a new variant/variant property to your store, do the following:

  • Log in to the 'Anywhere Commerce Control Panel' by using your User Name (Email Address) and Password.


 Variant Properties

  • You will be navigated to the Dashboard page.


 Variant Properties

  • Click the  Variant Properties icon. The Products section will be displayed as shown in the figure.


  Variant Properties

  • Click Masters and select Bulk Variant Properties. You will be navigated to the Masters > Manage Variant Properties page.


 Variant Properties

  • To add a new variant property (variant), click Add New Variant Property. You will be navigated to the Masters > Add/Edit Variant Property page.


 Variant Properties

  • Enter the name of the variant in the Variant Property Name text box.
  • Enter the Number of columns in which the variants to be displayed in the storefront in the No. of Columns text box.
  • Choose the type of Variant Values for this 'Variant Property' from the Variant Property Type drop-down.
    • Note: The options available are:
      • String: Individual values of the variant would be shown on the webpage.
      • Numeric: The variant property values would be shown as a range.
      • That means, if the ‘Variant Proper Type’ is ‘String’, the ‘Variant Values’ can be both numerals and alphabetselse the ‘Variant Values’ should be numerals.
  • Enter the order of appearance of this variant property (in the storefront, Example: In the 'Refine Search' Control) in the Rank text box.
  • Enter the unique reference code of this variant in the Property Code text box. This is for your own reference and not mandatory.
  • To display a swatch image for representing the 'variant value', select the Display Swatch checkbox. When the user mouseovers on the swatch image, the respective 'variant value' will be displayed.
  • When the Display Swatch checkbox is selected, the Swatch image source drop-down will be opened, where you can define from where the swatch images should be taken for displaying in the Product Details page. There are two options here.
    • i) Product Image Set: When this option is selected, the swatch images mapped to the product will be displayed in the Product Details page.
    • ii) Variant Value: When this option is selected, the images mapped to the Variant Values will be displayed in the Product Details page.
    • Note:
      • The images mapped to the Variant Values will always be displayed in the Refine Search control. Whereas, we have a choice to display either the images mapped to the 'Variant Values' or the swatch images mapped to the products (Please refer: Associate Additional Images to a Product) in Product Details page as discussed in the above two options.
      • When the 'Display Swatch' checkbox is selected and the Swatch image source is selected as Product Image Set, you can find the Swatch Image Sets section in the Product Images page, where you can define the swatch images for the selected product.
        • Please refer: Images for more details.
  • You can also define the description for the Variant. To define the description, enter the respective text in the Description text box.
  • You can also enter the HTML text or rich content containing images, links, flash images, etc.. here. To do so, click the Edit button of the Description text box. You will be displayed a Description dialog box.


 Variant Properties

  • This is a 'WYSIWYG' (What You See IS What You Get) editor and you can add/edit - plain or normal text, HTML Content, Images, Flash Images (URLs of flash), URL & Email links, etc… as per your requirement here.
    • Please refer: WYSIWYG editor in the Multipurpose Box for knowing how to add different types content.
    • Enter the required content and click Update. The dialog box will be closed and the respective content will be displayed in the Description text box.
  • To save the changes, click Save. A success message with details of the just saved variant property will be displayed as shown in the figure. You can add the 'Variant Values' by clicking on the Add New Variant Value button.


 Variant Properties

  • The new variant property will be displayed under the List of Product Variant Properties section in the Masters > Manage Variant Properties page.
  • Repeat the steps to add more variant properties.

Learn More:


learnmore2.jpg
1. If the 'Product Variants' are created for a product and if the Display Swatch checkbox was not selected (while creating the 'Variants' in the 'Masters > Add/Edit Variant Property' page), the 'Variant Values' are displayed in a drop-down in the 'Product Details' page for selection during the checkout even though the swatch images are associated with the product.

2. If the Display Swatch checkbox is selected, and either the 'Product Image Set' or 'Variant Value' is selected as a 'Swatch image source', but if the relevant images are not mapped (i.e. if 'Product Image Set' is selected, but the 'Swatch Images' are not mapped to the product / if 'Variant Value' is selected, but respective images are mapped to the 'Variant Values') , then the 'Variant Values' are displayed on the blank image icon instead of a drop-down.