Помощь Подскажите как свернуть список опций из 150 изображений

Тема в разделе "Opencart", создана пользователем sten30, 5 фев 2020.

Информация :
Внимание форумчане! При создании тем, или выкладывании какой-либо информации проверьте в какой ветке форума вы находитесь! Не путайте Opencart и Opencart2. При несоблюдении данного условия выносится соответствующее наказание! И потом не говорите что вас НЕ ПРЕДУПРЕЖДАЛИ! По возможности используйте обменники mail, yandex, google, dropbox, rghost Дабы избежать просьб перезалить и проблем с рекламой!
  1. sten30

    sten30 Постоялец

    Регистр.:
    4 июл 2009
    Сообщения:
    80
    Симпатии:
    29
    Очень много опций цвет с изображениями. Хотелось бы отображать 3-4 ряда и разворачивать по клику.
    Тем более там еще будут опции размер и другие.
     
  2. TyT

    TyT Ня!

    Регистр.:
    19 июн 2006
    Сообщения:
    496
    Симпатии:
    207
    К примеру так: в шаблоне 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 посчитать кол-во элементов или высоту блока, но смысл думаю понятен...
     
    sten30 нравится это.
  3. valdemariuses

    valdemariuses Писатель

    Регистр.:
    26 май 2015
    Сообщения:
    8
    Симпатии:
    2
    Еще проще сделать простым css - ограничить (сделать фиксированной) высоты блока с опциями, например 250px, поставить значение overflow: scroll и все. Никаких скриптов, никакого php.