[Помогите] opencart options image horizontally (как вывести изображения горизонтально?)

Как вывести изображения горизонтально ?

 

Нужно поковыряться с кодом в файле catalog\view\theme\default\template\product\product.tpl
Создать табличную верстку например с помощь тегов <tr> <td> и тд....

 

спасибо я уже купил специальный модуль для этих целей

 

Как называется?

 

http://www.opencart.com/index.php?r...&extension_id=7176&filter_search=image option

 

Ваш способ даже лучше)

 

Насколько я помню файл product.tpl в блоке данной опции нужно удалить обвёртку <tr></tr>

 

Быть может, сейчас уже не помню, как точно это делается. Но не забывайте про обязательный бекап! и вообще желательно иметь прототип на денвере например

 

Значит Ваш модуль надо выложить в теме бесплатно-платные модули

 

да удалил <tr> и все нормально.
а в купленном модуле мне не нравится что у него свой стиль выпадающего списка. а как сделать стиль обыкновенным (стандартным) мне не известно.

 

А разобрать <Select> никак что ле?
На те же Radio кнопки...

 

Здравствуйте, уважаемые форумчане!

В ходе создания магазина на базе OpenCart 1.5.3.1, столкнулся с маленькой проблемой. Дело в том, что планируется магазин по продаже одежды, где, будут присутствовать опции в виде цвета и размера одежды. В качестве опций, были выбраны картинки:



И тут возник вопросы, решение на которых пока не нашел...

1. Как можно выставить картинки в горизонтальное положение?
2. Можно ли сделать из данных картинок активные кнопки, как в данном шаблоне: http://opencart.tk/demo/en/vt-0511/index.php?route=product/product&product_id=28?
Если можно, может подскажите как это все реализовать, ибо у меня ни ума, ни фантазии.

Вот сылка на демо шаблона, который использую в данный момент:

Заранее огромное спасибо за помощь.

 

Есть нормальные, человеческие фильтры, под цвета футболок и размеры, а даже темы с этими модулями.
Вам нужны все эти костыли?

 

Они есть, но не хочется лишние модули подключать.
С (1) пунктом вроде бы разобрался, ответ тут нашел:
http://wmasteru.ru/threads/opencart-options-image-horizontally.1798/

 

Подключение таким образом Опций товара, будет сильно притормаживать загрузку страниц. По крайней мере так было у меня, пока я не выбрал Опцию - списком

 

А модулем таким не поделитесь?

 

Первый пункт - можно добавить в css:

Код:

.option-image tr {
	float: left;
	max-width: 150px;
}

--- добавлено: 27 янв 2013 в 20:55 ---
p.s.
Небольшая поправочка

Код:

max-width: 150px;

- можно больше / меньше, это на случай если еще в .product-info .option-image добавить max-width. Таким образом можно "выбрать"количество столбиков

 

Подскажите, а когда в товаре много опций и все они в столбец (вертикально) идут, как их сделать по горизонтали?

 

Пока не пробовал, но посоветовали следующее:

Заключите в div часть этой строки:
Код:

Код:

<input type="radio" name="option[]" value="" id=""> /* радио модуль
<label for="option-value-6">*цвет*</label> /*строчка описания текст

И задайте класс для дива <div class="gorizontal"> как пример

После чего лезете опять в css шаблона и прописываете там
Код:

Код:

.gorizontal {
 
display: block;
 
float: left;
 
}

 

Это немного сложнее, но принцип такой же )
.option
{float:left;
width:150-200px}
.product-info .cart
{clear:both;}
+ в Product.tpl нужно в части option - удалить лишниее <br>.
Тут нужно уже смотреть шаблон )