When setting the variant name, which is used as the label for the variant item, I found that the Product Detail page can result in a javascript error being flagged.
For example, if I set the variant name to "X-Large", this will result in a javascript error when the pages displays. The message is about missing a ;
What the X-Large ends up in the page is;
var dnn_ctr389_ProductDetails_rfvtblX-Large1 = ...;
Note the - and hence the javascript error. Of course if you define the variant name as XLarge you get this;
var dnn_ctr389_ProductDetails_rfvtblXLarge1 = ...;
The problem is, the label for display purposes needs to be "X-Large" or something like "2X-Large" as the display label. Behind the scenes since it takes this name and uses it to create the javascript variable, you need to parse the name and convert any special characters to an underscore. It is also possible the variant name may contain a space and that needs to be handled as well.