Перейти к содержимому


Характеристики товаров и спойлер для описания.


  • Вы не можете ответить в тему
Сообщений в теме: 20

#1 invent

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
Репутация: 0
Начинающий

Отправлено 15 December 2011 - 03:15 PM

Есть 2 вопроса:
1. как сделать чтобы характеристики товара выводились в таблице, причем эта таблица была зеброй т.е. первая сторока темная, вторая светлая и т.д.
2. как сделать чтобы для описания категории был спойлер "подробнее" чтобы можно было развернуть и свернуть описание когда оно большое. а внормальном состоянии отображались только первые несколько строк описания.
  • 0

#2 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 15 December 2011 - 04:37 PM

1. как сделать чтобы характеристики товара выводились в таблице, причем эта таблица была зеброй т.е. первая сторока темная, вторая светлая и т.д.
2. как сделать чтобы для описания категории был спойлер "подробнее" чтобы можно было развернуть и свернуть описание когда оно большое. а внормальном состоянии отображались только первые несколько строк описания.


Это на пальцах не объяснишь - это нужно садиться и рихтовать.

1. Таблицей - это элементная верстка а чтобы чередовались цвета - Добавить счетчик характеристик (хотя он там скорее всего уже есть) - ну и поставить условие. (Смарти это позволяет можно даже в пхп не лезть)
2. Спойлер на весь текст поставить не сложно, а вот чтобы первые несколько строк оставались открытыми уже сложнее.... думаю придется рихтовать функцию вывода описания категории??? (Вы не ошиблись речь идет об категории ?? не товара??) делить вывод на 2 части отрезать ограниченное кол-во символов от описания а остальное закрывать в спойлер. (Разделить на смарти без вмешательства в пхп помоему нельзя, ну по крайней мере я еще не знаю как)
  • 0

#3 invent

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
Репутация: 0
Начинающий

Отправлено 15 December 2011 - 08:51 PM

1.на счет запихнуть характеристики товара в таблицу немного разобрался, вроде получилось - названия характеристик в одном столбце их значения в другом.
но вот как теперь сделать чтоб полосатая таблица была. нашел кое что, но там через JS нужно, а куда тут в шаблоне что до этого ещё не дорос.. (
2.Да я имел ввиду описание категории. т.к. в товаре описание внизу и оно там не мешает а вот описание категории вверху страницы и оно иногда бывает большим, и получается что список товаров после него в самом низу оказывается (на маленьком мониторе его вообще может быть не видно пока вниз не прокрутишь страницу), а текст этот мало кто читает, в большей степени нужен для сео, да и если нужно кому-то почитать, нажал на спойлер он весь и открылся.
идеально было бы конечно сделать чтоб автоматом выводилось например определённое количество знаков, а остальное под спойлером было, но можно может быть и вручную как-то прямо в описание какой-то код вставлять..?
  • 0

#4 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 15 December 2011 - 11:35 PM

invent,
ну думаю это Вам поможет
http://vsupport.club...2.html#post6497
  • 0

#5 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 15 December 2011 - 11:39 PM

Полосатую таблицу можно и в css сделать, вот оч. хороший ресурс от твиттера с примерами
[HIDE="1"]http://twitter.github.com/bootstrap/[/HIDE]
  • 0
502 Bad Gateway

#6 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 15 December 2011 - 11:47 PM

Полосатую таблицу можно и в css сделать,


Как интересно, я там чтото не нашел полосатой таблицы - да и с друдом представляю как на чистом ксс можно сделать условия.....
  • 0

#7 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 15 December 2011 - 11:50 PM



в css добавляем
table.zebra-striped th, table.zebra-striped td {line-height: 16px; padding: 6px 10px;}
table.zebra-striped tbody tr:nth-child(odd) td {background-color: #f9f9f9;}
table.zebra-striped tbody tr:hover td {background-color: #f5f5f5;}
table.zebra-striped th.header:hover:after {visibility: visible;}
table.zebra-striped th.actions:hover {background-image: none;}

В оригинале больше кода, но мне хватило и этого. Ну и цвета поправить, я только чуть заметную разницу делал.
  • 0
502 Bad Gateway

#8 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 15 December 2011 - 11:55 PM

а ну так это CSS3 и кроме того в ИЕ псевдоселекторы не фурычат ))

---------- Сообщение объединено ----------

может конечно там и фикс есть но думаю без JQ не обойтись
  • 0

#9 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 15 December 2011 - 11:59 PM

а ну так это CSS3 и кроме того в ИЕ псевдоселекторы не фурычат ))

В 9м работает, старые версии не проверял. Последнее время на поддержку старых ослов забил совсем, нервы дороже )
  • 0
502 Bad Gateway

#10 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 16 December 2011 - 12:33 AM

ну в ХР посленяя версия 8я насколько я знаю - и как не крути под 7 и 8 фиксить полюбому нужно, т.к. слишком много чайников пользуют их (((

---------- Сообщение объединено ----------

Dbus, а вообще ты меня серьезно заставил задуматься о переходе на CSS3..... может и правда забить на осла...... хотя фиксить все равно придется .... а значит двойная работа ((
  • 0

#11 invent

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
Репутация: 0
Начинающий

Отправлено 16 December 2011 - 07:39 AM

Чтобы реализовать с помощью CSS3 я так понял ничего не нужно дополнительного, только прописать стили в стандартном файле css?
Ну и в старых версиях IE не будет работать..
  • 0

#12 invent

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
Репутация: 0
Начинающий

Отправлено 16 December 2011 - 09:51 AM



в css добавляем
table.zebra-striped th, table.zebra-striped td {line-height: 16px; padding: 6px 10px;}
table.zebra-striped tbody tr:nth-child(odd) td {background-color: #f9f9f9;}
table.zebra-striped tbody tr:hover td {background-color: #f5f5f5;}
table.zebra-striped th.header:hover:after {visibility: visible;}
table.zebra-striped th.actions:hover {background-image: none;}

В оригинале больше кода, но мне хватило и этого. Ну и цвета поправить, я только чуть заметную разницу делал.


Спасибо, работает, правда в старых версиях ie не проверял.
Мне хватило и одной строки
table.zebra-striped tbody tr:nth-child(odd) td {background-color: #f9f9f9;}
заменил odd на even чтоб со второй строки закрашивал

не подскажете ещё как правильно запихнуть характеристики товара в таблицу в файле product_detailed.tpl.html
  • 0

#13 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 16 December 2011 - 10:20 AM

[/COLOR]Dbus, а вообще ты меня серьезно заставил задуматься о переходе на CSS3..... может и правда забить на осла...... хотя фиксить все равно придется .... а значит двойная работа ((


Ну, 9й вполне себе ничего, как ни странно. А если человек не в состоянии обновить себе браузер, так и пусть смотрит на квадратные углы, отсутствие теней и т.д. ССЗБ, как говорится :)
  • 0
502 Bad Gateway

#14 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 16 December 2011 - 10:33 AM

Ну, 9й вполне себе ничего, как ни странно. А если человек не в состоянии обновить себе браузер, так и пусть смотрит на квадратные углы, отсутствие теней и т.д. ССЗБ, как говорится


В ХР не обновляется до 9-й версии - а ХР использует преобладающее большинство включая меня. ДП и не верю я что 9-й 10-й или 12-й ИЕ может быть "ничего" ))) Как ни крути это ИЕ. Кстати "ничего" - значит - ПУСТО :)

---------- Сообщение объединено ----------

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


Ну это не совсем правильный подход )) особенно для студии. Если для себя то согласен - ты сам решаешь кому как показывать. Но мы делаем для людей - за деньги, поэтому стараемся чтобы хотябы "более-менее" - конечно некоторые отступления есть в разных браузерах свои приколы, но хоть максимально приближенно фиксим. Ну а то что можно реализовать одинаково для всех браузеров - делаем.
Недавно может с пол года только отказались от фикса под 6-й ИЕ - это очень облегчило жизнь )) - но по статистике еще и такие есть.
  • 0

#15 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 16 December 2011 - 10:48 AM

"Ничего" - я имел в виду "ничего страшного" :)
  • 0
502 Bad Gateway

#16 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 16 December 2011 - 10:52 AM

"Ничего" - я имел в виду "ничего страшного"

да я понимаю - часто так говорят - поэтому и появилась эта шутка :))
  • 0

#17 invent

    Пользователь

  • Пользователи
  • PipPip
  • 26 сообщений
Репутация: 0
Начинающий

Отправлено 16 December 2011 - 11:11 AM

а если по делу? :)
как мне правильно запихнуть в этом коде характеристики товаров таблицу.

         

{counter name='select_counter' start=0 skip=1 print=false assign='select_counter_var'}
{section name=i loop=$product_extra}
{if $product_extra[i].option_type eq 0 }
{$product_extra[i].name}: {$product_extra[i].option_value}

{else}
{counter name='option_show_times' start=0 skip=1 print=false}
{section name=k loop=$product_extra[i].option_show_times}
{$product_extra[i].name}{if $product_extra[i].option_show_times > 1 }
({counter name=option_show_times}):{else}:{/if}
{counter name=select_counter}
{if $product_extra[i].values_to_select_count == 1} {$product_extra[i].values_to_select[0].option_value}


{else}
{if $smarty.section.k.index == 0}



{else}



{/if}
{/if}
{/section}
{/if}
{/section}
{if $select_counter_var != 0}

{/if}

  • 0

#18 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 16 December 2011 - 11:50 AM

invent,
Да все просто, вот вся эта форма начиная с цикла
{section name=i loop=$product_extra}

ну и соответсвенно закрывается тег
{/section}
все что внутри вывод 1-й характеристики просто с условиями если характеристик много то селект и т.п.

поэтому ДО цикла вставляем

потом открываем
{section name=i loop=$product_extra}
ставим
и после {/section} закрываем

в конце перед {/section} закрываем


Если нужно разбить на 2 ячейки то ищем где название характеристики {$product_extra[i].name}: - оно будет встречаться несколько раз
и после него делаем


Ну вот както так ))

---------- Сообщение объединено ----------

З.Ы. Когда вставляете код просьба вставлять его как PHP код - тогда есть подсветка и его легче читать.
  • 0

#19 Funny_Corpse

    Пользователь

  • Пользователи
  • PipPip
  • 20 сообщений
Репутация: 0
Начинающий

Отправлено 24 January 2012 - 09:25 PM

нифига не получается засунуть в таблицу. сдаюсь.
кто возьмется сделать за меня? оплата вебмани.
  • 0

#20 Dbus

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 1116 сообщений
Репутация: 174
Мастер
  • ГородОдесса

Отправлено 24 January 2012 - 09:42 PM

нифига не получается засунуть в таблицу. сдаюсь.
кто возьмется сделать за меня? оплата вебмани.


так написано же постом выше :)
  • 0
502 Bad Gateway