Помощь Подскажите как свернуть список опций из 150 изображений
- Автор темы sten30
- Дата начала
TyT
Ня!
- Регистрация
- 19 Июн 2006
- Сообщения
- 497
- Реакции
- 213
К примеру так: в шаблоне product.tpl в выводе опций делаешь счетчик элементов в массиве, если их больше нужного тебе значения, выводишь у этого блока class="showmore", затем там же выводишь кнопку типа "<span class="toggler">показать/скрыть</span>"
и где то в документе или во внешнем скрипте подключаешь действие на этот тугглер $(".toggler").click(function(){$(this).parent('.showmore').toggleClass('showall')} и в css пишешь: .showmore {max-height:100px;} .showmore.showall {max-height:none;}
можно не в product.tpl счетчик вставлять а опять таки с помощью jquery посчитать кол-во элементов или высоту блока, но смысл думаю понятен...
и где то в документе или во внешнем скрипте подключаешь действие на этот тугглер $(".toggler").click(function(){$(this).parent('.showmore').toggleClass('showall')} и в css пишешь: .showmore {max-height:100px;} .showmore.showall {max-height:none;}
можно не в product.tpl счетчик вставлять а опять таки с помощью jquery посчитать кол-во элементов или высоту блока, но смысл думаю понятен...
valdemariuses
Писатель
- Регистрация
- 26 Май 2015
- Сообщения
- 8
- Реакции
- 2
Еще проще сделать простым css - ограничить (сделать фиксированной) высоты блока с опциями, например 250px, поставить значение overflow: scroll и все. Никаких скриптов, никакого php.