Разворачивающийся список категорий в Classipress

Модернизация DMaster

Всем привет! В этой статье я покажу, как на доске объявлений Classipress можно сделать разворачивающийся по клику блок со списком категорий объявлений. Такое решение можно использовать при оформлении главной страницы шаблона на досках объявлений, где список категорий имеет внушительные размеры и занимает собой значительную часть полезной информативной площади. Кроме экономии пространства такой способ представления списка категорий позволит минимизировать скроллинг (прокрутку) для перемещения непосредственно к листингам объявлений, размещение контента на странице станет выглядеть более упорядоченным, а сама страница – чуть менее похожей на портянку 🙂

Итак, как это работает. При загрузке главной страницы сайта блок со списком категорий всегда отображается в свернутом состоянии. При первом клике по кнопке блок разворачивается, а при повторном — снова сворачивается.

Раскрывающийся список категорий Classipress

Достичь такого эффекта можно следующим незамысловатым способом:

1. Откройте на редактирование файл tpl-ads-home.php и отыщите в нем фрагмент кода с такими строками:

2. Замените найденный фрагмент следующим:

3. В этот же файл между строками:

Вставьте код скрипта:

4. Теперь дополните файл style.css такими строчками:

5. Обновите в браузере главную страницу сайта и оцените результаты нашего совместного творчества.

Спасибо за внимание, всем добра!

D.Master

DMaster

Создание досок объявлений на шаблоне Classipress для Wordpress "под ключ". Помощь в установке на хостинг, настройке, локализации, модернизации шаблона, а также мелкие правки и корректировки под ваши нужды.

E-mail

8 комментариев

  1. отличный мод как всегда, молодец админ!
    но по мне больше нравится как на дочерней теме вот как на сайте выглядит и расположены категории вот к примеру [censure]

    • DMaster

      Спасибо! Именно такое решение я и собирался предложить в следующей статье )

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

  3. DMaster

    Здравствуйте.
    Перепроверено на СP 3.5.8 / WP 4.7.1 — все работает.
    Посмотрите ссылку на демо в почте.

  4. Добрый вечер! А в версии 3.5.7. это точно работает? Почему то не выходит, список свернулся, а не разворачивается …и даже нет стрелочки как на скриншоте…

    • PROCP

      Здравствуйте.
      Работает на любых 3.5.x, в том числе и на 3.5.7.
      Смотрите ссылку на «живое» демо в почте.

      • И всё равно… не получается… Всё делал по инструкции, пробовал редактировать файлы и в дочерней теме и в основной — результат тот же…

  5. Доброго времени суток сделал всё так как написано,появился данный блок но кнопочки и раскрывающего списка категорий нет,что то сделал не так?спасибо.

Добавить комментарий

  Отправляя комментарий я принимаю Политику кофиденциальности сайта *