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

[РЕШЕНО] раскраска цветной зеброй описания товара в карточке товара

pozitiv739
 Share

Recommended Posts

pozitiv739 Apprentice

pozitiv739

Опубліковано:
Опубліковано:

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

</tr>
               <tr class="even">
                    <td>Поддержка GPS:</td>
                    <td class="value">Есть</td>
               </tr>
               <tr class="odd">
                    <td>Конструкция:</td>
                    <td class="value">С камерой, с экраном</td>
               </tr>
               <tr class="even">
                    <td>Спортивный:</td>
                    <td class="value">-</td>
               </tr>

post-667025-0-58141800-1387620300_thumb.jpg

Надіслати
Поділитися на інших сайтах

afwollis Grand Master

afwollis

Опубліковано:
Опубліковано: (змінено)

это же атрибуты.

всего-то немного подправить стандартный вывод (убрав группы)

upd:

если собираетесь все таки делать это через "описание" - так пишите его сразу таблицей - редактор позволяет.

а на выводе javascript`ом (jquery) добавите классы строкам таблицы

Змінено користувачем afwollis
upd:
Надіслати
Поділитися на інших сайтах
1

pozitiv739 Apprentice

pozitiv739

Опубліковано:
  • Автор
Опубліковано:

пасиба большое

но так как не програмер а пытаюсь сам разобраться

вы не могли бы разжевать ?

да, делать удобнее через описание

характеристики используються атрибутами но их спрятали с карточки товара там немножко меньше атрибутов чем в описании ну и

описания копипастяться с сайт поставщика  так удобнее

нада только раскрасить для удобночитаемости

спаибо заранее

 

может кто нить не дорого поможет в этом вопросе, отблагодарю

Надіслати
Поділитися на інших сайтах

tim21701 Mentor

tim21701

Опубліковано:
Опубліковано:

А зачем Вы это делаете в поле "Описание", если для этого существует вкладка "Характеристики"???

(где Вы сможете разукрасить все поля - как Вашей душе угодно)

 

4081576.png

Надіслати
Поділитися на інших сайтах
1

pozitiv739 Apprentice

pozitiv739

Опубліковано:
  • Автор
Опубліковано:

в характеристиках указываються атрибуты которые используються в фильтрах :(

их там меньше чем описания то есть как бы таб характеристики занят

или можно как то сделать чтоб в хара-ках не брались данные с атрибутов а можно свои какие нада копипастить туда ?

буду благодарен если расскажите как так сделать

 

А зачем Вы это делаете в поле "Описание", если для этого существует вкладка "Характеристики"???

(где Вы сможете разукрасить все поля - как Вашей душе угодно)

 

4081576.png

Надіслати
Поділитися на інших сайтах

pozitiv739 Apprentice

pozitiv739

Опубліковано:
  • Автор
Опубліковано:

я дико извенюсь и благодарю за ответ

но я ничче не понял

не понял какой класс туда добавить

 

 

 

Это добавляете в header.tpl в секцию между <head> и </head>

<script type="text/javascript">
$(document).ready(function() {
$("класс или айди таблицы tbody tr:even").addClass("alt");
});
</script>

"класс или айди таблицы" естественно, заменяете на свои, если айди, то "#имя айди", если класс, то ".имя класса", без кавычек
 
В stylesheet.css добавляете класс .alt
к примеру так - 

.alt {background: #ccc;}
Надіслати
Поділитися на інших сайтах

chukcha Grand Master

chukcha

Опубліковано:
Опубліковано:

1.

<table class="zebra">
<tr>
<tr>

/* нечетная строка таблицы */
.zebra tr:nth-child(2n+1){
...
}

/* четная строка таблицы класса*/
.zebra tr:nth-child(2n){
...
}
2.

function zebra('zebra') 
{
   var tabs = $('.sebra tr');
   tabs.each(function(index){
     if (index%2 == 0) $(this).css({'background':'grey'})
   }

}
Надіслати
Поділитися на інших сайтах
1
1
1

pozitiv739 Apprentice

pozitiv739

Опубліковано:
  • Автор
Опубліковано:

Итак благодаря Сергею

serega-lomik

решил вопрос

 

вдруг кому понадобиться

 

в хидер этот public_html/catalog/view/theme/ВАШ ШАБЛОН/template/common/header.tpl в секцию между <head> и </head>

<script type="text/javascript">
$(document).ready(function() {
$(".tab-content table tbody tr:even").addClass("alt");
});
</script>

 

В stylesheet.css

 

.alt {background:#DDDDDD;} это в stylesheet.css

 

 

все работает при таком коде:

 

<table>
    <tbody>
        <tr class="odd">
            <td>
                Диагональ экрана:</td>
            <td class="value">
                7"</td>
        </tr>
        <tr class="even">
            <td>
                Разрешение экрана:</td>
            <td class="value">
                1024 x 600</td>
        </tr>
        <tr class="odd">
            <td>
                Мультитач:</td>
            <td class="value">
                +</td>
        </tr>
        <tr class="even">
            <td>
                Процессор:</td>
            <td class="value">
                MediaTek MT8389</td>
        </tr>

 

если у вас код описания другой сответсвенно менять классы как указали выше

Надіслати
Поділитися на інших сайтах

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

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

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

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

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

Вхід

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

Вхід зараз
 Share
Перейти до списку тем

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

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

Покупцям

Розробникам

Корисна інформація

Останні розширення

×
×
  • Створити...

Important Information

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

  Я даю згоду