I changed the variant layout to look like this:
I am using this on a custom HTML page... so to get this, all I did was make a simple change to each variant
<select name="VariantProductOption_ID" id="VariantProductOption_ID253" style="font-family: Verdana; font-size: 8pt" size="6" onchange="changePriceValue(253)">
All of the drop down menus are set to size="1" which means it only displays one option at a time. If you change the size to the number of total options on the menu, it will create a box like above. The only problem is that... when changed to this - the first option isn't automatically highlighted/selected.
Does anyone know why this is happening? All I have changed on the code is the display size shown above. Everything still works fine, so long as you go and select every option on each variant even if you are only selecting the first default option. Make sense? I need it so the first default option on the list is automatically selected or highlighted... can anyone please help? Thanks.