Hi there,
I'm having a little bit of trouble figuring out where to edit the product display to modify some tables and replace them with divs. This is what I'd like to alter:
<table>
<tbody>
<tr>
<td rowspan="2">
<input id="hikashop_product_quantity_field_1" type="text" value="1" class="hikashop_product_quantity_field" name="quantity" onchange="hikashopCheckQuantityChange('hikashop_product_quantity_field_1',0,1);">
</td>
<td>
<a id="hikashop_product_quantity_field_change_plus_1" class="hikashop_product_quantity_field_change_plus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange('hikashop_product_quantity_field_1',1,0,1);">+</a>
</td>
<td rowspan="2">
<a class="hikashop_cart_button" href="/dunnwright/" onclick="var field=document.getElementById('hikashop_product_quantity_field_1');if(hikashopCheckChangeForm('item','hikashop_product_form')){ return hikashopModifyQuantity('5',field,1,0,'cart'); } else { return false; }">Add to cart</a>
</td>
</tr>
<tr>
<td>
<a id="hikashop_product_quantity_field_change_minus_1" class="hikashop_product_quantity_field_change_minus hikashop_product_quantity_field_change" href="#" onclick="return hikashopQuantityChange('hikashop_product_quantity_field_1',0,0,1);">–</a>
</td>
</tr>
</tbody>
</table>
So what I'd like to do is have all items (plus, minus and quantity) display horizontally like the image I provided. I find tables incredibly frustrating to work with so any help would be appreciated. I should be able to manage the alterations providing I can figure out where exactly to make them.
Thanks!