Any time a selection of swatches fall into two or less per line the select drop down is no longer below the swatches but beside them. Just want it to drop to next line. It looks like the problem is that the drop down in inside the <td> of the swatches. But no matter what I try it just makes it worse.
help.jpg
help.jpg
Code:
<table> <mvt:foreach iterator="attribute" array="attributes"> <tr> <td class="prompt"> <input type="hidden" name="Product_Attributes[ &mvt:attribute:index; ]:code" value="&mvte:attribute:code;" /> <mvt:if expr="l.settings:attribute:template_code NE 0"> <input type="hidden" name="Product_Attributes[ &mvt:attribute:index; ]:template_code" value="&mvte:attribute:template_code;" /> </mvt:if> <mvt:if expr="l.settings:attribute:type NE 'checkbox'"> <mvt:if expr="l.settings:attribute:image"> <img src="&mvte:attribute:image;" alt="&mvte:attribute:raw_prompt;" /> <mvt:else> <mvt:if expr="l.settings:attribute:required"> <span class="required"> <mvt:else> <span> </mvt:if> &mvt:attribute:prompt; </span> </mvt:if> <mvt:else> </mvt:if> </td> <td class="field"> <mvt:if expr="l.settings:attribute:type EQ 'text'"> <input type="text" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:attribute:value;" class="textfield" /> <mvt:elseif expr="l.settings:attribute:type EQ 'memo'"> <textarea name="Product_Attributes[&mvt:attribute:index;]:value">&mvte:attribute:value;</textarea> <mvt:elseif expr="l.settings:attribute:type EQ 'radio'"> <mvt:foreach iterator="option" array="attribute:options"> <div> <mvt:if expr="( ( g.Product_Attributes[l.settings:attribute:index]:value EQ 0 ) AND ( l.settings:option:id EQ l.settings:attribute:default_id ) ) OR ( g.Product_Attributes[l.settings:attribute:index]:value EQ l.settings:option:code )"> <input type="radio" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:option:code;" checked /> <mvt:else> <input type="radio" name="Product_Attributes[&mvt:attribute:index;]:value" value="&mvte:option:code;" /> </mvt:if> <mvt:if expr="l.settings:option:image"> <img src="&mvte:option:image;" alt="&mvte:option:prompt;" /> <mvt:else> &mvte:option:prompt; </mvt:if> </div> </mvt:foreach> <mvt:elseif expr="( l.settings:attribute:type EQ 'select' ) OR ( l.settings:attribute:type EQ 'swatch-select' )"> <div id="swatch-&mvt:attribute:id;" class="swatches"></div> <select name="Product_Attributes[&mvt:attribute:index;]:value"> <option value="">Select One</option> <mvt:foreach iterator="option" array="attribute:options"> <mvt:if expr="( ( g.Product_Attributes[l.settings:attribute:index]:value EQ 0 ) AND ( l.settings:option:id EQ l.settings:attribute:default_id ) ) OR ( g.Product_Attributes[l.settings:attribute:index]:value EQ l.settings:option:code )"> <option value="&mvte:option:code;" selected>&mvte:option:prompt;</option> <mvt:else> <option value="&mvte:option:code;">&mvte:option:prompt;</option> </mvt:if> </mvt:foreach> </select> <mvt:elseif expr="l.settings:attribute:type EQ 'checkbox'"> <mvt:if expr="g.Product_Attributes[l.settings:attribute:index]:value"> <input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" value="Yes" checked /> <mvt:else> <input type="checkbox" name="Product_Attributes[&mvt:attribute:index;]:value" /> </mvt:if> <mvt:if expr="l.settings:attribute:image"> <img src="&mvte:attribute:image;" alt="&mvte:attribute:raw_prompt;" /> <mvt:else> <mvt:if expr="l.settings:attribute:required"> <span class="required"> <mvt:else> <span> </mvt:if> &mvt:attribute:prompt; </span> </mvt:if> </mvt:if> </td> </tr> </mvt:foreach> </table>