Versions Compared

Key

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

Table of Contents

...

Info
titleSort Order - Use Drag and Drop!


In addition to the sort order sorting, you can use drag-and-drop within the variation options. To do so, move your cursor in between the "Variation Value" and "Multimedia" columns and the cursor will change to the "hand" then click to hold that variation value and drag it to the location you want it to appear in the list.

Multimedia
namevariations-drag-and-drop-sorting.mp4
width100%50%
height100%

 

Make Default

You can configure a specific variation option as the default option. This will cause the variation to show this choice by default, so the customer would not need to click the drop-down list to make a choice. To set a variation option as the default option, click the "Make Default" button next of the variation option you want to make default.

...

Notice that we have four options for size when the black color is selected, but only three options for size when the blue color is selected.  Variations support the concept of not every single combination being possible.  The select boxes will update on the fly as the customer chooses options so that there is never an invalid combination of selections that the customer can make.

Troubleshooting

 

Things to look for if the form is not populating the drop-down menu for the item variations:

  • Make sure at least one item is configured with inventory in stock or the enable inventory tracking turned off. Otherwise, the javascript that is creating the array of the variations will return a null value.
  • When testing the variation code is being tested in a local HTML page prior to being publish to your live website, the javascript tagsa below the form code will need to be edited to add the "http:" prefix to the script src URL's.

...