Ответить Новая тема Новый опрос 
 Список характеристик товаров
1ncom1ng
Новичок
Сообщений: 91
Регистрация: 07-10-2011


09-08-2012 01:46
Доброго времени всем.
Мучаюсь с описанием товаров.
Длинный список характеристик. Выравнивается по левому краю. причем название характеристики и значение.

Получается такого вида:


Часы Кварцевые
Пол Мужской
Тип Механические
Особенности Блаблабла


А хотелось бы чтобы было в два столбца.
Пример кода строки

<span>Пол</span> "Мужской"


Пытался организовать всё редактированием products.tpl, но ничего не выходит. подскажите, что я делаю не так?

Думаю спан заменить на тд и тр
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
1ncom1ng
Новичок
Сообщений: 91
Регистрация: 07-10-2011


09-08-2012 23:21
Господа, я нуждаюсь в Вашей помощи!
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
m0tti
Новичок
Сообщений: 77
Регистрация: 23-09-2009


10-08-2012 02:01
royal-grips.com так нужно?
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
1ncom1ng
Новичок
Сообщений: 91
Регистрация: 07-10-2011


10-08-2012 12:19
нет-нет. в описании товара.
когда просматриваешь один товар - он без описания - выводятся характеристики (features) и они идут вот натурально так:
пол Мужской
тип Механические
особенности фигнявсякая
безель офигенный


а надо мне так, только в два столбца. а не слово за словом


Сообщение отредактировано 1ncom1ng 10-08-2012 08:20 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
ai.egorov


Новичок
Сообщений: 66
Откуда: 16RUS / 21RUS
Регистрация: 18-07-2012


13-08-2012 22:35
Цитата:( 1ncom1ng @ 10-08-2012 08:19 Смотреть сообщение )

Что сложного.
- Открываете шаблон product.tpl в вашей теме,
- находите блок в котором хотите вывести два столбца,
- определяете значения которые хотите разместить в первом,
какие во втором столбце,
- далее создаете на этом месте следующий код:
Код:
<div class="twoColumns">
<ul>
<li class="firstCol"></li>
<li class="secCol"></li>
</ul>
</div>

В firstCol заносите значения для первой, а в secCol - для второй колонки.

В стилях прописываете правила для этих блоков:
Код:
.twoColumns {
clear: left;
width: 100%;
}
.twoColumns ul {
list-style: none;
}
.twoColumns li {
padding: 0;
margin: 0;
width: 50%;
float: left;
}
.firstCol {
/* Стили левой колонки, если нужны */
}
.secCol {
/* Стили правой колонки, если нужны */
}

И проверяете как выводится на странице.
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
1ncom1ng
Новичок
Сообщений: 91
Регистрация: 07-10-2011


23-08-2012 18:14
огромное человеческое спасибо, пусть и запоздалое :)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
1ncom1ng
Новичок
Сообщений: 91
Регистрация: 07-10-2011


25-08-2012 03:27
пардон, не вышло ничего... магазин изготавливается на домене lovelocks.ru
Зайдите в любой доступный товар.
Увидите описание внизу
Поймёте что мне конкретно нужно. Никакие переделки продукт.тпл не помогают.
версия престы - 1.4.8.2

в коде - <span>"характеристика"</span> "значение характеристики"
и продукт.тпл совершенно ничего не изменил :(
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
1ncom1ng
Новичок
Сообщений: 91
Регистрация: 07-10-2011


25-08-2012 03:51
господа, полазил в зарубежном форуме и сделал как там
добавил к global.css строчки

ul#idTab2 li span
{
float: left;
width: 100px;
}

И название строчки стало шириной 100 пикселей, без таблиц и прочей ерунды :)
Всем спасибо за помощь :)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
webiex


Новичок
Сообщений: 14
Регистрация: 14-10-2012


14-10-2012 03:58
Цитата:( 1ncom1ng @ 25-08-2012 04:51 Смотреть сообщение )
господа, полазил в зарубежном форуме и сделал как там
добавил к global.css строчки

ul#idTab2 li span
{
    float: left;
    width: 100px;   
}

И название строчки стало шириной 100 пикселей, без таблиц и прочей ерунды :)
Всем спасибо за помощь :)


Проще изучите какие нибудь курсы ведь рыть будете много
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос