Компонент "Вкладки" для InstantCMS 2

+32
5.01K
Иллюстрация
Компонент для создания вкладок и вывода в них любого контента — полей, страниц и других типов контента. Данный компонент позволяет организовать структуру вкладок на страницах выбранного вами типа контента и вывести в этих вкладках любой нужный вам контент — начиная от единичного поля, закачивая целыми типами контента, записями из отдельных категорий и произвольными списками.

Применение данного компонента может быть весьма обширным. Например у вас есть магазин и нужно на странице товара вывести страничку с информацией о производителе, список товаров из той же категории, информацию о доставке или любую другую информацию, содержащуюся в других типах контента. Или вы в своем видеокаталоге хотите вывести список актеров, сыгравших в фильме или наоборот список фильмов с участием данного актера. Все это делается в несколько кликов.

Подробный обзор компонента смотрите в данном видео-обзоре:


Все желающие могут скачать демо-версию компонента и протестировать ее. Сразу же хочется предупредить — в демо-версии есть одно ограничение — работать она будет только с дефолтным шаблоном. Также вы будете видеть предупреждение об отсутствии лицензии. Чтобы убрать все эти ограничения вам необходимо приобрести полную версию компонента. Скачать демо-версию компонента можно здесь

0
Alexprofi Alexprofi 5 лет назад #
Спасибо за работу! Полезный компонент. Радует что ICMS становится все гибче и гибче!
+1
Алексей Т Алексей Т 5 лет назад #
Гибкий и удобный компонент возьму для нашего нового проекта после НГ +
0
Pocus Pocus 5 лет назад #
Сколько сегодня новинок появилось, некогда "оливье" настругать!
Демо-версию я попробую на НГ.
На видео я заметил, что при обновлении страницы открывается то первая вкладка, то текущая. Отсюда вопрос: Все ли вкладки имеют собственный урл?
0
dwd dwd 5 лет назад #
Первая вкладка открывается только в том случае, если вы не находитесь на странице списка, т.е. не начали листать список в какой-либо вкладке. Если вы листаете список контента, то открываться будет нужная вам вкладка на нужной вам странице. Все страницы вкладок имеют собственный URL.
0
dwd dwd 5 лет назад #
Например, данная ссылка откроет вкладку со списком статей на 3-й странице.
0
dwd dwd 5 лет назад #
Компонент редиректа на сайте Инстанта почему-то обрезает ссылку:

оригинал выглядел так - _ http://parser.icms2-docs.ru/board/7-prodam-kvartiru-v-novostroike.html?tab=5&page=3
+2
Владимир Владимир 5 лет назад #
Мощнейшая альтернатива "связям". Нет слов, просто класс!
0
Денис Васильевич Денис Васильевич 5 лет назад #
На тему я нк один вариант делал но посмотрев на ваше решение мне стыдно за свои поделки ) )
0
Денис Васильевич Денис Васильевич 5 лет назад #
Даже предложение написал с ошибками ))
0
dwd dwd 5 лет назад #
Я не видел ваш вариант решения на эту тему, но постыдного в нем явно ничего нет. Само по себе желание взять и что-нибудь полезного сделать это уже похвально. Даже если блин выйдет комом. Поверьте, у всех полно таких блинов.
0
Игорь ФИН Игорь ФИН 5 лет назад #
Если что то полезное , сделал бы поиск от Яндекса
0
dwd dwd 5 лет назад #
А что собственно вы предлагаете делать? Все сделано уже. Идете на Яндекс, заполняете формы, получаете код который нужно вставить на сайт. Инструкций уже миллион написано по этому поводу ...
0
Игорь ФИН Игорь ФИН 5 лет назад #
Та инструкция которую вы приводите уже устарела .
Я имел веду добавка в стандартный поиск кнопки поискать через Яндекс и формирования страницы вида siti.yandexpoisk.html в дизайне сайта.
0
dwd dwd 5 лет назад #
Я имел веду добавка в стандартный поиск кнопки поискать через Яндекс
Я думаю с этим пожеланием логичнее обратиться к разработчикам, поскольку ваше предложение связано с модификацией файлов системы, что не есть хорошо. Без перекраивания файлов контроллера поиска на сегодняшний день сделать это невозможно.
0
Игорь ФИН Игорь ФИН 5 лет назад #
спосибо
0
Sonat Sonat 5 лет назад #
Выглядит мощно!
Хотя управление кажется запутанным. scratch
Если разберусь с демкой - куплю.

До какого числа перечеркнутая цена?


А что за странное отображение фото на демо?
0
dwd dwd 5 лет назад #
Для показа картинки в списке выбран пресет изображений "small" и как вы видите он немного маловат для плитки. К компоненту это не имеет никакого отношения.
0
vikont vikont 5 лет назад #
Насколько я понимаю, это дальнейшее развитие компонента [Поля и свойства]. Группы полей. Или ошибаюсь?
0
vikont vikont 5 лет назад #
И извините, перепутал с Денисом Васильевичем.
0
Николай (asd43) Николай (asd43) 5 лет назад #
В плане индексации все уходит как одна страница или есть возможность вкладку делать на отдельном урле с припиской общего заголовка материала?
0
dwd dwd 5 лет назад #
Компонент "Вкладки" предназначен для вывода на одной странице всего, что вам нужно вывести. И есстественно,
В плане индексации все уходит как одна страница
URL-ы типа page.html?tab=3 позволяют вам при открытии страницы принудительно показать пользователю ту или иную вкладку.
0
Sonat Sonat 5 лет назад #
Сперва загорелся и захотел купить. Даже связался с вами договорившись о возможность покупки через Приват24.
Но отпугнула сложность настройки. Решил сначала разобраться - скачал демо-версию компонента.
Пол дня (1 января) ее крутил на локалке, но так и не удалось заставить ее работать.(

Проспавшись решил повременить с покупкой.
Во-первых хочется покрутить рабочую демку. Во-вторых - дождаться выхода анонсированных "связей".


ЗЫ
Кому-то удалось скачать и запустить у себя компонент?
0
dwd dwd 5 лет назад #
А в чем собственно сложность? Досмотреть видео до этого момента? - https://youtu.be/Syb7vb1CqEk?t=935
Установка простейшая - установили компонент, скопировали файлик шаблона и все работает. С чем именно у вас возникли трудности?
0
Владимир Владимир 5 лет назад #
Просто Sonat, видимо не до конца
Проспавшись решил ...
-) (шутка)
Я пока даже не пытался смотреть, - но намерен.
0
Sonat Sonat 5 лет назад #
Эх, не хочется с вами спорить, ведь компонент-то действительно интересный.
Но фраза что мне сложно было досмотреть видео до момента описания установки.
(при том что я раза 3-4 внимательно просмотрел всё видео) придает задору crazy

dwd:
Установка простейшая - установили компонент, скопировали файлик шаблона и все работает.
Про копирования файлика первый раз слышу! В видео (да и вообще нигде) не говорится, что его надо копировать.
А есть фраза "в папке компонента лежит уже готовый шаблончик".

Простейшая установка это когда в админке скармливаю инсталлятору компонента архив
и жму "Продолжить", жму "Установить", жму "Продолжить".
Все!
А если после этого еще надо у себя распаковать архив, достать нужный файлик и отдельно его залить - причем нужно самому догадаться это сделать, т.к. нигде об этом не говорилось - это, согласитесь, уже не совсем "простейшая".
Я уже не буду расписывать что после установки появился белый экран на страницах контента - тут скорее особенности сервера.


P.S.
Сейчас установил, все работает. v
-1
letsgo letsgo 5 лет назад #
Хорошая разработка. DWD молодец. Редко хвалю, но все ваши разработки вызывают уважение, как подходом, так и проработкой.
0
Lisandr Lisandr 5 лет назад #
Отличная разработка, только под мобильные устройства нужно будет допиливать стили
+1
dwd dwd 5 лет назад #
Стили в любом случае каждый пишет под себя, но базовая адаптивность уже предусмотрена. Вплоть до мизерных экранов где названия вкладок не поместятся в принципе.

Как вариант вместо надписей можно добавить иконки:
Код PHP:
  1. @import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
  2. .customtabs>label:before {
  3. font-family: fontawesome;
  4. font-weight: normal;
  5. margin-right: 10px;
  6. }
  7. .customtabs>label[for*="1"]:before {
  8. content: "\f19a";
  9. }
  10. .customtabs>label[for*="2"]:before {
  11. content: "\f17a";
  12. }
  13. .customtabs>label[for*="3"]:before {
  14. content: "\f13b";
  15. }
  16. .customtabs>label[for*="4"]:before {
  17. content: "\f13c";
  18. }
Получится вот так:

0
Однако@ Однако@ 5 лет назад #
Может лучше было бы собирать их в гармошку на мобильных?
0
dwd dwd 5 лет назад #
Все стили в отдельном CSS-файле, каждый может сделать все, что пожелает. Я лишь показал пример.
0
frukt frukt 5 лет назад #
Как-то не разумно. По умолчанию, хоть какой-то вариант должен быть, но названия вкладок обязательны, иначе куда пользователь должен нажимать?
Компонент хорош и полезен.
0
frukt frukt 5 лет назад #
Гармошка, кстати, вариант хороший.
0
Clear Clear 5 лет назад #
Отличный компонент
+1
lakomet lakomet 5 лет назад #
Отличный компонент. Есть несколько вопросов:
Вы здесь писали
dwd:
URL-ы типа page.html?tab=3 позволяют вам при открытии страницы принудительно показать пользователю ту или иную вкладку.
это хорошо, однако при нажатии и переходе на вкладку, URL не меняется. Я не програмист, но слышал об AJAX библиотеке, которая меняет URL в адресной строке при определённых условиях, без перезагрузке страницы. Возможно внедрить в компонент?
Второе - вкладки с отдельными записями из других типов контента, можно добавлять только с админки? Если да, то планируется ли внедрить возможность прикреплять существующую запись с фронта?
Третье - компонент работает с одним типом контента? Или есть возможность для разных типов контента добавлять свои наборы вкладок?
Четвёртое - содержимое вкладок, грузиться одной страницей, если к разным товарам, во вкладке "Производитель" прикрепить страницу о производителе, то в каждом товаре этого производителя будет одинаковый текст? Поисковики как на это смотрят?
Спасибо за внимание.
0
dwd dwd 4 года назад #
это хорошо, однако при нажатии и переходе на вкладку, URL не меняется. Я не програмист, но слышал об AJAX библиотеке, которая меняет URL в адресной строке при определённых условиях, без перезагрузке страницы. Возможно внедрить в компонент?
А URL должен меняться? Для чего и для кого? Загружается страница с 10-ю вкладками и переключение между ними происходит без перезагрузки страницы. С какой целью должен меняться URL? Чтобы пользователь мог посмотреть как красиво выглядят эти перемены с адресной строке его браузера?
Второе - вкладки с отдельными записями из других типов контента, можно добавлять только с админки? Если да, то планируется ли внедрить возможность прикреплять существующую запись с фронта?
У вас с фронта уже есть Связи Инстанта, добавляйте при помощи них. Или вам этот инструмент кажется не удобным?
Третье - компонент работает с одним типом контента? Или есть возможность для разных типов контента добавлять свои наборы вкладок?
Компонент работает со всеми типами контента и даже более того, например с там же InstantMaps.
Четвёртое - содержимое вкладок, грузиться одной страницей, если к разным товарам, во вкладке "Производитель" прикрепить страницу о производителе, то в каждом товаре этого производителя будет одинаковый текст? Поисковики как на это смотрят?
Спросите у поисковиков. Я сделал инструмент с широкими возможностями. А как использовать эти возможности - личное дело каждого. Судя по вашим вопросам вам лень было познакомиться с компонентом поближе, а жаль - есть как миниму десяток родиков, которые стоило бы посмотреть.
0
lakomet lakomet 4 года назад #
dwd:
С какой целью должен меняться URL?
Чтоб человек мог поделиться ссылкой или занести в закладки. Сейчас получается, что пользователь, решив поделиться с кем либо страницей, отправляет ссылку и должен дописать, что нужная информация, находится на вкладке такой-то, сами вкладки ищи там-то. Не проще будет, когда тот, с кем поделились ссылкой, сразу попадёт на нужную вкладку?
dwd:
Чтобы пользователь мог посмотреть как красиво выглядят эти перемены с адресной строке его браузера?
Думаю они туда вообще никогда не смотрят)) А вот ссылкой делятся.
dwd:
У вас с фронта уже есть Связи Инстанта, добавляйте при помощи них. Или вам этот инструмент кажется не удобным?
Я о другом. Есть товар, есть производитель этого товара, На странице описания товара, я добавляю вкладку "О производителе", в которой вывожу информацию о производителе. "Товары" - это один тип контента, а "О производителе", другой тип контента. Связями, я могу привязать производителя, только в виде списка, в вашем компоненте, я привязываю отдельные поля из типа контента "О производителе", и это хорошо, но привязать информацию о производителе, я могу только будучи админом сайта, простой пользователь, этого сделать не может((
dwd:
Компонент работает со всеми типами контента и даже более того
Вопрос задавался до покупки, прошло всего-то ничего, четыре месяца)) Я уже купил и разобрался.
dwd:
Судя по вашим вопросам вам лень было познакомиться с компонентом поближе
Как это сделать не покупая компонент? Ролики смотрел, ответа не нашёл(
dwd:
Спросите у поисковиков
Вопрос был задан Вам, как автору и наверняка спецу в таком вопросе, я в этом не разбираюсь, а Вы меня к поисковикам отправляете, спасибо за развёрнутый ответ.
0
Alexey Zagrebelniy Alexey Zagrebelniy 4 года назад #
А у меня вот какой вопрос: если во вкладке выводится поле (или несколько), которое не заполнено (или все не заполнены), следовательно выводиться на странице оно (они) не должны, а вкладка в этом случае будет отображаться и будет пусто или показываться не будет?
0
dwd dwd 4 года назад #
На данный момент настройками "показывать/скрывать пустую вкладку" снабжены только типы вкладок, содержащие списки контента. Вкладки для вывода полей и страниц по умолчанию выводятся всегда, однако данное поведение можно переопределить на уровне шаблона одной строкой кода.

Еще от автора

Компонент «Продажа полей» для ICMS 2
Компонент для тотального управления продажей полей. Возможна оплата показа пользователями и самим автором. Масса типов продажи полей.
Компонент «Мотивация пользователей» для ICMS 2
Компонент предназначен для поощрения пользователей за систематическое посещение сайта.
Поле «Поддерживаю!» для ICMS 2
Поле «Поддерживаю!» предназначено для сбора голосов в решении какой-то задачи.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.