Разработка шаблона базы данных приложения PAGES с табами и подгрузкой контента AJAX - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1

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

#1 Пользователь не на сайте   TemKa_SD ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 464
  • Регистрация: 16-Январь 18
  • Репутация: 6
  • Откуда:Спасск-Дальний
  • IPB version:4.1.x
 

Отправлено 16 Февраль 2019 - 17:32

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


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

#2 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 347
  • Регистрация: 20-Март 09
  • Репутация: 2 513
  • IPB version:3.1.x
 

Отправлено 16 Февраль 2019 - 19:13

Лично я пас. С шаблонами и базами данных страниц не работал.
0

#3 Пользователь не на сайте   Dmitriy427 ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Specialist
  • Сообщений: 672
  • Регистрация: 15-Октябрь 11
  • Репутация: 195
  • Откуда:Россия, Тула
  • IPB version:I have no IPB
 

Отправлено 16 Февраль 2019 - 23:27

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

Сообщить об этой теме:


Страница 1 из 1


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2019 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна