Опции товара таблицой (нужно подробное решение!) [РЕШЕНО]

[OldAine]

кому интересно, предыдущие темы: https://opencartforum.com/topic/9301-опции-товара-изменить-внешний-вид/page__fromsearch__1

У МЕНЯ ТАК:

А ХОЧУ ЧТОБ БЫЛО ТАК:

ИЛИ ТАК:

Если можете помочь, то помогите конкретно, подробно описав, что и где дописать, так как в файлах product.tpl и stylesheet.css я уже устал ковыряться, все бестолку (и никак не могу понять, как цену отделить от описания опции ото она идет в скобках - "опция 1(+ 200р)"

ПС: Кстати, кому интересно, могу написать, как добавить картинку к любому типу опций, список, чекбокс и и т.д.

я например реализовал checkbox с картинками =)

[OldAine]

Вот что у меня получилось, добавил таблицы и картинки к checkbox, но толку мало, все почему-то съехало вправо вниз(((

в общем прикладываю фото и код:

Код из Product.tpl

	    <?php if ($option['type'] == 'checkbox') { ?>
	    <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
		  <?php if ($option['required']) { ?>
		  <span class="required">*</span>
		  <?php } ?>
		  <b><?php echo $option['name']; ?>:</b><br />
<table class="option-image">
		  <?php foreach ($option['option_value'] as $option_value) { ?>
<tr style="background: #F5F5F5">
		  <td><input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
   <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" /></label></td>
		  <td><label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
		    <?php if ($option_value['price']) { ?>
		    (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
		    <?php } ?>
		  </label></td>
</tr>
		  <br />
		  <?php } ?>
</table>
	    </div>
	    <br />
	    <?php } ?>

Код из stylesheet.css:

.product-info .options {
border-bottom: 1px solid #E7E7E7;
padding: 0px 5px 10px 5px;
margin-bottom: 10px;
color: #000000;
}
.product-info .option-image {
margin-top: 3px;
margin-bottom: 10px;
}
.product-info .option-image label {
display: block;
width: 100%;
height: 100%;
}
.product-info .option-image td{
padding:0px 10px;
text-align:center;
}
.product-info .option-image img {
margin-right: 5px;
border: 1px solid #CCCCCC;
cursor: pointer;
}

[OldAine]

Разобрался в чем проблема: нужно убрать "<br />"

ТУТ:

		 (<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
					<?php } ?>
				  </label></td>
</tr>
                  <br />  - Вот Это!!!!!!!!!!!!!!!!!!!!!!
				  <?php } ?>
</table>
			</div>
			<br />
			<?php } ?>