Опции внешний вид страницы товара

[INB]

Добрый вечер, уважаемые . Подскажите, пожалуйста, как  изменить расположение опций на странице товара.  В OpenCart 1.5.6/ Чтобы фото опций не столбцом бы( у меня 24 цвета на выбор) а , к примеру, шахматной доской. Выпадающее окно не подходит. Там только название. Мне важен цвет. Спасибо всем заранее. 

[Tom]

Например так .

[INB]

Может подскажите куда второй ставить?(код) с первым понятно. Будьте так добры

[Tom]

Какой второй? Вы пишите что сделали, показывайте что вышло, а там уже проще помочь.

[INB]

в инструкции 1 код тут catalog\view\theme\default\template\product\product.tpl , есть. готов. А вот  тут catalog\view\theme\default\stylesheet\stylesheet.css.

[INB]

       <table class="option-image">
            <?php foreach ($option['option_value'] as $option_value) { ?>
            PHP

<tr class="tr_my_options">
 <td style="width: 1px;"><input type="radio" 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 class="name_my_options" 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>
1
2
3
4
5
6
7
8
9
<tr class="tr_my_options">
 <td style="width: 1px;"><input type="radio" 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 class="name_my_options" 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>
            <?php } ?>
          </table>

[Tom]

3 часа назад, INB сказал:

в инструкции 1 код тут catalog\view\theme\default\template\product\product.tpl , есть. готов. А вот  тут catalog\view\theme\default\stylesheet\stylesheet.css.

 

Ссылку крепите. Я честное слово не победитель битвы экстрасенсов....

[HyperLabTeam]

@INB можно и так
http://next.awaro.ru/desktops/test/

[INB]

В 21.09.2018 в 01:32, Tom сказал:

Ссылку крепите. Я честное слово не победитель битвы экстрасенсов....

Добрый день. Вот ссылки. Подскажите пожалуйста что делать дальше.  https://yadi.sk/d/YvqOe0niDFOlxQ  - stylesheet.css.   https://yadi.sk/d/LitTpjNC5skywQ    -product.tpl