Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Доброго времени суток. Не так давно перешел 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
Надіслати
Поділитися на інших сайтах

  • 2 years later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.