Перейти к содержанию
Greenday

[РЕШЕНО] Красивая табличка с описанием товара

Рекомендуемые сообщения

Доброго времени суток. Не так давно перешел OpenCart, и столкнулся с трудностью. Как сделать приемлемую глазу табличку с описанием товара, допустим как тут (табличка в двух цветах с не яркими контурами) http://krasnoyarsk.d...o-3270-4gb.html

Пробовал прописывать стиль в "дополнительно" стандартной таблицы. Результата не дало. Прописывал следующие свойства:

margin: 0px;
padding: 0px;
font-family: Tahoma, Arial, sans-serif;
border-collapse: collapse;
color: rgb(51, 51, 51);
font-size: medium;
width: 530px

Табличка сделанная в стандартном редакторе, унылая, хочу ее переделать, но половина прописанного CSS просто не применяется.

А именно, не выходит сделать из таблички зебру, принимается только 1 фон, и не растушевываются поля.

post-29763-0-76214200-1361496518_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Естественно, что стандартный редактор не сделает вам шикарных стилей - его основная задача другая - создать скелет того, что вы хотите.

По вашему примеру могу сказать следующее: чтобы стили начали применяться, во вкладке редактора "Исходный код" задайте для таблицы уникальный класс, например "product-description" и тогда смело привязывайте к этому классу все, что пожелаете.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Может я что то "недопонимаю", или человек просто не знает как это сделать в настройках? :-D

1). Заходите в "Панель управления" администратора: Каталог > Атрибуты > Группы атрибутов (и создаёте группы атрибутов)

4106211.png

2). Далее, открываете Каталог > Атрибуты > Атрибуты (и создаём "Атрибуты" товара - указывая группу к которой они относятся)

4099043.png

3). Затем, открываете соответствующий Товар и переходите на вкладку Атрибуты:

4094947.png

В поля Атрибут вводите его название (по первым буквам он Вам даст его выбрать из списка) - указанное во втором шаге. В поле текст, пишите "характеристики" - которые хотите.

В итоге, на странице Товара получаете вкладку Характеристики:

4078563.png

Если, Вас не страивает "унылый" вид этой вкладки, то смотрите строки в файле product.tpl:

<div id="tab-attribute" class="tab-content">
<table class="attribute">
<?php foreach ($attribute_groups as $attribute_group) { ?>
<thead>
<tr>
<td colspan="2"><?php echo $attribute_group['name']; ?></td>
</tr>
</thead>
<tbody>
<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
<tr>
<td><?php echo $attribute['name']; ?></td>
<td><?php echo $attribute['text']; ?></td>
</tr>
<?php } ?>
</tbody>
<?php } ?>
</table>
</div>

Задайте свои ID и Class в этом блоке кода и опишите их в файле stylesheet.css (удалив старые) так - как Вам надо.

И будет Вам счастье... Можно даже Jquery подцепить, "для красоты" и эффектов...

Но, так - как это делаете Вы, просто нарисовав таблицу в редакторе, мягко говоря "не очень"...

Поймёте это, когда количество товара завалит за сотню (или тысячу) и Вашу "таблицу" необходимо будет "нарисовать" для каждого товара в отдельности.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

в новых версиях в свойствах таблицы пропала вкладка дополнительно, не подскажете как вернуть?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.