Характеристика товара "зеброй" - Дизайн и оформление

Скажите кто знает как сделать пункты характеристики зеброй ? !

Таблица и разные фоны заливки строк чем не устраивают?

Добавить CSS*:
^{*По умолчанию файл: http://ваш_сайт/components/com_jshopping/css/default.css (или default_div.css)}

В принципе, тот же аналог odd, even.
Результат внедрения на странице товара (вкладка Additional information ): тут

Добавить CSS*:

Код

.extra_fields div:nth-child(2n) {background:#EEE;}
.extra_fields div:nth-child(2n-1) {background:#CCC;}

^{*По умолчанию файл: http://ваш_сайт/components/com_jshopping/css/default.css (или default_div.css)}

В принципе, тот же аналог odd, even.
Результат внедрения на странице товара (вкладка Additional information ): тут

спасибо, внедрила. Зебра появилась. подскажите, пожалуйста как разбить на таблицу, сейчас выводит по стандарту через ":"

спасибо, внедрила. Зебра появилась. подскажите, пожалуйста как разбить на таблицу, сейчас выводит по стандарту через ":"

Аналогичный вопрос по поводу вывода таблицей.

Чтобы вывести характеристики таблицей, нужно в файле http://ваш_сайт/components/com_jshopping/templates/ваш_шаблон/product_default.php найти и изменить следующий блок кода:

Разбираем код, выделяем основные элементы (имя группы в данном примере не выводим):
1. Условие: "Если в товаре присутствуют характеристики:"

2. Цикл (перебираем характеристики по одной):

3. Имя характеристики:

4. Значение характеристики:

Структура таблицы:

Теперь собираем все вместе:

Результат внедрения (вкладка Additional Information):
                                                     

denben777, большое спасибо. Направление поняла.

Добавить CSS*:

Код

.extra_fields div:nth-child(2n) {background:#EEE;}
.extra_fields div:nth-child(2n-1) {background:#CCC;}

^{*По умолчанию файл: http://ваш_сайт/components/com_jshopping/css/default.css (или default_div.css)}

В принципе, тот же аналог odd, even.
Результат внедрения на странице товара (вкладка Additional information ): тут

В старых браузерах работать не будет, например в ie8

ох уж эти старые браузеры... либо забить, либо проставлять классы строкам таблицы в зависимости от четности/нечетности

В старых браузерах работать не будет, например в ie8

Да ну? А если так

Да ну? А если так

Там скриптами сделано а не на чистом CSS

umbabaraumba можно сделать так же. То есть чтобы псевдокласс CSS3 :nth-child отображался в IE7+ вы можете подключить к своему сайту IE9.js*:
* IE9.js - это библиотека JavaScript, которая делает Microsoft Internet Explorer похожим на браузер, поддерживающий стандарты. В ней имеются заплатки для многих пунктов из HTML и CSS, а также изображения с прозрачностью в формате PNG начинают работать правильно в IE5 и IE6.

umbabaraumba можно сделать так же. То есть чтобы псевдокласс CSS3 :nth-child отображался в IE7+ вы можете подключить к своему сайту IE9.js*:

Код

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->

* IE9.js - это библиотека JavaScript, которая делает Microsoft Internet Explorer похожим на браузер, поддерживающий стандарты. В ней имеются заплатки для многих пунктов из HTML и CSS, а также изображения с прозрачностью в формате PNG начинают работать правильно в IE5 и IE6.

Я по вашей ссылке перешел и прочитал что там написано, но я написал что в новых браузерах можно сделать без скриптов вот так и будет работать даже в ие 9

Выше - я так и предложил сделать. Вы же обратили внимание на то что :nth-child не будет работать в старых браузерах (например в ie8) - я и показал, как сделать, чтобы заработало.

Робяты

во-первых не ругайтесь
во-вторых вы кажется покинули мир ЖШ
и последнее, ну скажите, разве оно того стоит? подключение скриптов я имею в виду вместо классов. а то щас насоветуете, а потом крайними окажетесь, потому шо вникать же никто не будет. а понаставят всего, а потом сайт еле ползает.  да и даже если в ие8 не будет зебры, ну и что с того? какой процент остался их?

P.S. надо быстро точки расставлять, а то чета у меня предчувствие, что щас нас потрут соберите все до кучи, облегчите работу модератору

разве оно того стоит? подключение скриптов я имею в виду вместо классов. а то щас насоветуете, а потом крайними окажетесь, потому шо вникать же никто не будет. а понаставят всего, а потом сайт еле ползает

Так вот и я про то же, надо CSS пользовать а не скритпы .

Так и я о том же  
Но смотрю вы сами  не понимаете о чем говорите. Прийдется разъяснить:
Данный скрипт (ie9.js) не делает зебру из характеристик - он помогает работе некоторым классам css3 (в данном случае nth-child) правильно отображаться в старых IE. Подключается только если пользователь заходит с IE. Сделан специально для "любителей старых браузеров". Речь о нем зашла только по случаю "nth-child не будет отображаться в старых браузерах.". Решать подключать его или нет будет вебмастер с тех.заданием на создание современного веб.сайта с жесткими требованием отображения в IE7+ Все более-менее приличные новые шаблоны идут с подключенными библиотеками, наподобии ие9.жс.

Вообще интересно получилось:
Дал решение на CSS - не будет отбражаться в старом ие.
Даю вариант решения проблемы отображения в ие - не устраивает скрипт.
По концовке получаю свое же решение, ссылку на HTML book с nth-child с "вот как надо - даже в ие9 отображается."...
Логика потеряна, т.к совместить "nth-child не работает в ие8" и "nth-child работает даже в ие9" - у меня не получилось.

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

Спасибо за множество решений)ПопробовалТолько как теперь сюда класс зебру указать, ибо класса denben777 я не знаю)
типо такого надо вставить?

.deneb777 = .buto
т.е. это класс который Вы задаете. Может быть .putin  или .lukashenko

table.buto:nth-child(2n) {background:#EEE;}
учите матчасть....
поймите либо нужно учится,  либо платить тем кто учился.... уже... и заплатил за обучение

.deneb777 = .buto
т.е. это класс который Вы задаете. Может быть .putin  или .lukashenko

table.buto:nth-child(2n) {background:#EEE;}
учите матчасть....
поймите либо нужно учится,  либо платить тем кто учился.... уже... и заплатил за обучение

вариант 3 искать решение от добрых людей на joomlaforum)а так конечно спасибо)желание есть-знаний нет)

Добавить CSS*:

Код

.extra_fields div:nth-child(2n) {background:#EEE;}
.extra_fields div:nth-child(2n-1) {background:#CCC;}

^{*По умолчанию файл: http://ваш_сайт/components/com_jshopping/css/default.css (или default_div.css)}

В принципе, тот же аналог odd, even.
Результат внедрения на странице товара (вкладка Additional information ): тут

а не подскжите как разбить описание на вкладки, как у вас на сайте: Product Description
Additional Information
Reviews
CustomTab

Зарание благодарен

а не подскжите как разбить описание на вкладки, как у вас на сайте: Product Description
Additional Information
Reviews
CustomTab

описано не раз на форуме ив сети.

описано не раз на форуме ив сети.

Я прошу прощения, просто на форуме новичок, вроде смотрел в этом разделе и не нашёл ... Можете хотя-бы направление поиска сузить? Заранее спасибо.

вот вот....
наконец-те кто часто бывает, начинают меня понимать....

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

Подниму старую тему

Пытаюсь добиться эфекта зебры с помощью присвоения класов "even"  "odd"  для блоков


Жирным шрифтом выделил, то что прописываю, но не работает, всем блокам присваивается клас "odd".  Что не так (

а где изменение $i?

мдя.... про счётчик я забыл.... вот что значит пол года не занимался


Жирным шрифтом выделил, то что прописываю