Jump to content

Разработка шаблона базы данных приложения PAGES с табами и подгрузкой контента AJAX


TemKa_SD
 Share

Recommended Posts

Здравствуйте. Давайте вместе попробуем создать шаблон для БАЗЫ ДАННЫХ 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>

 

С размещением категорий в виде табов проблем нет, какие предложения на счет загрузки контента? Реально это реализовать через шаблонизатор или нужно подключать плагин?

Link to comment
Share on other sites

Шаблонизатора Pages, вместе с блоками и конструктором страниц обычно достаточно для чего угодно. Плагин с подобным функционалом написать несколько сложнее. Когда-то я похожую страницу писал, только контент не из БД Pages брался, а из форумов.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...