Опубликовано: 16 февраля 20196 г Здравствуйте. Давайте вместе попробуем создать шаблон для БАЗЫ ДАННЫХ pages с табами и подгрузкой контента в них. Идея следующая: Табы будут в виде категорий.Контент в виде материала к ним (Название, ссылка в полный материал). За исходник предлагаю взять шаблон таблицы лидеров: <div class='ipsPageHeader ipsClearfix ipsSpacer_bottom'> <h1 class='ipsType_pageTitle'>{lang="leaderboard_title"}</h1> </div> {{$icons = array('leaderboard' => 'trophy', 'history' => 'clock-o', 'members' => 'star');}} <div class='ipsTabs ipsTabs_contained ipsTabs_withIcons ipsTabs_large ipsTabs_stretch ipsClearfix' id='elTabBar' data-ipsTabBar data-ipsTabbar-defaultTab="elTab{$activeTab}" data-ipsTabBar-contentArea='#elLeaderboardContent'> <a href='#elTabBar' data-action='expandTabs'><i class='fa fa-caret-down'></i></a> <ul role='tablist'> {{foreach $tabs as $key}} <li role='presentation'> {{$seoTemplate = 'leaderboard_' . $key;}} <a href='{url="app=core&module=discover&controller=popular&tab={$key}" seoTemplate="$seoTemplate"}' role='tab' id='elTab{$key}' class='ipsType_center ipsTabs_item {{if $key == $activeTab}}ipsTabs_activeItem{{endif}}' {{if $key == $activeTab}}aria-selected="true"{{endif}}> <i class='fa fa-{$icons[$key]}'></i> {lang="leaderboard_tabs_{$key}"} </a> </li> {{endforeach}} </ul> </div> <section id='elLeaderboardContent' class="ipsTabs_panels ipsTabs_contained"> <div id='ipsTabs_elTabBar_elTab{$activeTab}_panel' aria-labelledby='elTab{$activeTab}' aria-hidden='false' class='ipsTabs_panel ipsPad'> {$content|raw} </div> </section> С размещением категорий в виде табов проблем нет, какие предложения на счет загрузки контента? Реально это реализовать через шаблонизатор или нужно подключать плагин?
Опубликовано: 16 февраля 20196 г Шаблонизатора Pages, вместе с блоками и конструктором страниц обычно достаточно для чего угодно. Плагин с подобным функционалом написать несколько сложнее. Когда-то я похожую страницу писал, только контент не из БД Pages брался, а из форумов.
Здравствуйте. Давайте вместе попробуем создать шаблон для БАЗЫ ДАННЫХ pages с табами и подгрузкой контента в них. Идея следующая:
Табы будут в виде категорий.
Контент в виде материала к ним (Название, ссылка в полный материал).
За исходник предлагаю взять шаблон таблицы лидеров:
<div class='ipsPageHeader ipsClearfix ipsSpacer_bottom'> <h1 class='ipsType_pageTitle'>{lang="leaderboard_title"}</h1> </div> {{$icons = array('leaderboard' => 'trophy', 'history' => 'clock-o', 'members' => 'star');}} <div class='ipsTabs ipsTabs_contained ipsTabs_withIcons ipsTabs_large ipsTabs_stretch ipsClearfix' id='elTabBar' data-ipsTabBar data-ipsTabbar-defaultTab="elTab{$activeTab}" data-ipsTabBar-contentArea='#elLeaderboardContent'> <a href='#elTabBar' data-action='expandTabs'><i class='fa fa-caret-down'></i></a> <ul role='tablist'> {{foreach $tabs as $key}} <li role='presentation'> {{$seoTemplate = 'leaderboard_' . $key;}} <a href='{url="app=core&module=discover&controller=popular&tab={$key}" seoTemplate="$seoTemplate"}' role='tab' id='elTab{$key}' class='ipsType_center ipsTabs_item {{if $key == $activeTab}}ipsTabs_activeItem{{endif}}' {{if $key == $activeTab}}aria-selected="true"{{endif}}> <i class='fa fa-{$icons[$key]}'></i> {lang="leaderboard_tabs_{$key}"} </a> </li> {{endforeach}} </ul> </div> <section id='elLeaderboardContent' class="ipsTabs_panels ipsTabs_contained"> <div id='ipsTabs_elTabBar_elTab{$activeTab}_panel' aria-labelledby='elTab{$activeTab}' aria-hidden='false' class='ipsTabs_panel ipsPad'> {$content|raw} </div> </section>С размещением категорий в виде табов проблем нет, какие предложения на счет загрузки контента? Реально это реализовать через шаблонизатор или нужно подключать плагин?