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

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

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

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

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


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

Компонент "Языки" для ICMS 2 - Обновление 1.1 | Парсер контента для ICMS 2 - Обновление 1.3
Комментарии (38)
Alexprofi 31 декабря 2016 в 11:13 0
small user social cms
Спасибо за работу! Полезный компонент. Радует что ICMS становится все гибче и гибче!
Алексей Тимофеев 31 декабря 2016 в 12:26 +1
small user social cms
Гибкий и удобный компонент возьму для нашего нового проекта после НГ +
Pocus 31 декабря 2016 в 12:44 0
small user social cms
Сколько сегодня новинок появилось, некогда "оливье" настругать!
Демо-версию я попробую на НГ.
На видео я заметил, что при обновлении страницы открывается то первая вкладка, то текущая. Отсюда вопрос: Все ли вкладки имеют собственный урл?
dwd 31 декабря 2016 в 16:43 0
small user social cms
Первая вкладка открывается только в том случае, если вы не находитесь на странице списка, т.е. не начали листать список в какой-либо вкладке. Если вы листаете список контента, то открываться будет нужная вам вкладка на нужной вам странице. Все страницы вкладок имеют собственный URL.
dwd 31 декабря 2016 в 16:47 0
small user social cms
Например, данная ссылка откроет вкладку со списком статей на 3-й странице.
dwd 31 декабря 2016 в 16:50 0
small user social cms
Компонент редиректа на сайте Инстанта почему-то обрезает ссылку:

оригинал выглядел так - _ http://parser.icms2-docs.ru/board/7-prodam-kvartiru-v-novostroike.html?tab=5&page=3
Владимир 31 декабря 2016 в 14:47 +2
small user social cms
Мощнейшая альтернатива "связям". Нет слов, просто класс!
Денис Васильевич 31 декабря 2016 в 15:33 0
small user social cms
На тему я нк один вариант делал но посмотрев на ваше решение мне стыдно за свои поделки ) )
Денис Васильевич 31 декабря 2016 в 15:34 0
small user social cms
Даже предложение написал с ошибками ))
dwd 31 декабря 2016 в 21:24 0
small user social cms
Я не видел ваш вариант решения на эту тему, но постыдного в нем явно ничего нет. Само по себе желание взять и что-нибудь полезного сделать это уже похвально. Даже если блин выйдет комом. Поверьте, у всех полно таких блинов.
Игорь ФИН 2 января 2017 в 17:01 0
small user social cms
Если что то полезное , сделал бы поиск от Яндекса
dwd 2 января 2017 в 17:15 0
small user social cms
А что собственно вы предлагаете делать? Все сделано уже. Идете на Яндекс, заполняете формы, получаете код который нужно вставить на сайт. Инструкций уже миллион написано по этому поводу ...
Игорь ФИН 2 января 2017 в 17:46 0
small user social cms
Та инструкция которую вы приводите уже устарела .
Я имел веду добавка в стандартный поиск кнопки поискать через Яндекс и формирования страницы вида siti.yandexpoisk.html в дизайне сайта.
dwd 2 января 2017 в 17:58 0
small user social cms
Я имел веду добавка в стандартный поиск кнопки поискать через Яндекс
Я думаю с этим пожеланием логичнее обратиться к разработчикам, поскольку ваше предложение связано с модификацией файлов системы, что не есть хорошо. Без перекраивания файлов контроллера поиска на сегодняшний день сделать это невозможно.
Игорь ФИН 2 января 2017 в 18:57 0
small user social cms
спосибо
Sonat 31 декабря 2016 в 16:20 0
small user social cms
Выглядит мощно!
Хотя управление кажется запутанным. scratch
Если разберусь с демкой - куплю.

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


А что за странное отображение фото на демо?
dwd 31 декабря 2016 в 16:27 0
small user social cms
Для показа картинки в списке выбран пресет изображений "small" и как вы видите он немного маловат для плитки. К компоненту это не имеет никакого отношения.
vikont 31 декабря 2016 в 21:13 0
small user social cms
Насколько я понимаю, это дальнейшее развитие компонента [Поля и свойства]. Группы полей. Или ошибаюсь?
vikont 31 декабря 2016 в 21:15 0
small user social cms
И извините, перепутал с Денисом Васильевичем.
Николай (asd43) 1 января 2017 в 19:45 0
small user social cms
В плане индексации все уходит как одна страница или есть возможность вкладку делать на отдельном урле с припиской общего заголовка материала?
dwd 1 января 2017 в 19:54 0
small user social cms
Компонент "Вкладки" предназначен для вывода на одной странице всего, что вам нужно вывести. И есстественно,
В плане индексации все уходит как одна страница
URL-ы типа page.html?tab=3 позволяют вам при открытии страницы принудительно показать пользователю ту или иную вкладку.
Sonat 2 января 2017 в 17:14 0
small user social cms
Сперва загорелся и захотел купить. Даже связался с вами договорившись о возможность покупки через Приват24.
Но отпугнула сложность настройки. Решил сначала разобраться - скачал демо-версию компонента.
Пол дня (1 января) ее крутил на локалке, но так и не удалось заставить ее работать.(

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


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

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

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


P.S.
Сейчас установил, все работает. v
letsgo 2 января 2017 в 17:33 0
small user social cms
Хорошая разработка. DWD молодец. Редко хвалю, но все ваши разработки вызывают уважение, как подходом, так и проработкой.
Lisandr 2 января 2017 в 18:30 0
small user social cms
Отличная разработка, только под мобильные устройства нужно будет допиливать стили
dwd 2 января 2017 в 18:45 +1
small user social cms
Стили в любом случае каждый пишет под себя, но базовая адаптивность уже предусмотрена. Вплоть до мизерных экранов где названия вкладок не поместятся в принципе.

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

@Однако@ 2 января 2017 в 20:44 0
no avatar
Может лучше было бы собирать их в гармошку на мобильных?
dwd 2 января 2017 в 20:55 0
small user social cms
Все стили в отдельном CSS-файле, каждый может сделать все, что пожелает. Я лишь показал пример.
frukt 3 января 2017 в 07:40 0
small user social cms
Как-то не разумно. По умолчанию, хоть какой-то вариант должен быть, но названия вкладок обязательны, иначе куда пользователь должен нажимать?
Компонент хорош и полезен.
frukt 3 января 2017 в 07:41 0
small user social cms
Гармошка, кстати, вариант хороший.
Clear 7 февраля 2017 в 17:55 0
small user social cms
Отличный компонент
lakomet 18 февраля 2017 в 06:49 +1
small user social cms
Отличный компонент. Есть несколько вопросов:
Вы здесь писали
dwd:
URL-ы типа page.html?tab=3 позволяют вам при открытии страницы принудительно показать пользователю ту или иную вкладку.
это хорошо, однако при нажатии и переходе на вкладку, URL не меняется. Я не програмист, но слышал об AJAX библиотеке, которая меняет URL в адресной строке при определённых условиях, без перезагрузке страницы. Возможно внедрить в компонент?
Второе - вкладки с отдельными записями из других типов контента, можно добавлять только с админки? Если да, то планируется ли внедрить возможность прикреплять существующую запись с фронта?
Третье - компонент работает с одним типом контента? Или есть возможность для разных типов контента добавлять свои наборы вкладок?
Четвёртое - содержимое вкладок, грузиться одной страницей, если к разным товарам, во вкладке "Производитель" прикрепить страницу о производителе, то в каждом товаре этого производителя будет одинаковый текст? Поисковики как на это смотрят?
Спасибо за внимание.
dwd 5 июня 2017 в 06:08 0
small user social cms
это хорошо, однако при нажатии и переходе на вкладку, URL не меняется. Я не програмист, но слышал об AJAX библиотеке, которая меняет URL в адресной строке при определённых условиях, без перезагрузке страницы. Возможно внедрить в компонент?
А URL должен меняться? Для чего и для кого? Загружается страница с 10-ю вкладками и переключение между ними происходит без перезагрузки страницы. С какой целью должен меняться URL? Чтобы пользователь мог посмотреть как красиво выглядят эти перемены с адресной строке его браузера?
Второе - вкладки с отдельными записями из других типов контента, можно добавлять только с админки? Если да, то планируется ли внедрить возможность прикреплять существующую запись с фронта?
У вас с фронта уже есть Связи Инстанта, добавляйте при помощи них. Или вам этот инструмент кажется не удобным?
Третье - компонент работает с одним типом контента? Или есть возможность для разных типов контента добавлять свои наборы вкладок?
Компонент работает со всеми типами контента и даже более того, например с там же InstantMaps.
Четвёртое - содержимое вкладок, грузиться одной страницей, если к разным товарам, во вкладке "Производитель" прикрепить страницу о производителе, то в каждом товаре этого производителя будет одинаковый текст? Поисковики как на это смотрят?
Спросите у поисковиков. Я сделал инструмент с широкими возможностями. А как использовать эти возможности - личное дело каждого. Судя по вашим вопросам вам лень было познакомиться с компонентом поближе, а жаль - есть как миниму десяток родиков, которые стоило бы посмотреть.
lakomet 5 июня 2017 в 09:00 0
small user social cms
dwd:
С какой целью должен меняться URL?
Чтоб человек мог поделиться ссылкой или занести в закладки. Сейчас получается, что пользователь, решив поделиться с кем либо страницей, отправляет ссылку и должен дописать, что нужная информация, находится на вкладке такой-то, сами вкладки ищи там-то. Не проще будет, когда тот, с кем поделились ссылкой, сразу попадёт на нужную вкладку?
dwd:
Чтобы пользователь мог посмотреть как красиво выглядят эти перемены с адресной строке его браузера?
Думаю они туда вообще никогда не смотрят)) А вот ссылкой делятся.
dwd:
У вас с фронта уже есть Связи Инстанта, добавляйте при помощи них. Или вам этот инструмент кажется не удобным?
Я о другом. Есть товар, есть производитель этого товара, На странице описания товара, я добавляю вкладку "О производителе", в которой вывожу информацию о производителе. "Товары" - это один тип контента, а "О производителе", другой тип контента. Связями, я могу привязать производителя, только в виде списка, в вашем компоненте, я привязываю отдельные поля из типа контента "О производителе", и это хорошо, но привязать информацию о производителе, я могу только будучи админом сайта, простой пользователь, этого сделать не может((
dwd:
Компонент работает со всеми типами контента и даже более того
Вопрос задавался до покупки, прошло всего-то ничего, четыре месяца)) Я уже купил и разобрался.
dwd:
Судя по вашим вопросам вам лень было познакомиться с компонентом поближе
Как это сделать не покупая компонент? Ролики смотрел, ответа не нашёл(
dwd:
Спросите у поисковиков
Вопрос был задан Вам, как автору и наверняка спецу в таком вопросе, я в этом не разбираюсь, а Вы меня к поисковикам отправляете, спасибо за развёрнутый ответ.
Alexey Zagrebelniy 5 июня 2017 в 05:29 0
small user social cms
А у меня вот какой вопрос: если во вкладке выводится поле (или несколько), которое не заполнено (или все не заполнены), следовательно выводиться на странице оно (они) не должны, а вкладка в этом случае будет отображаться и будет пусто или показываться не будет?
dwd 5 июня 2017 в 06:11 0
small user social cms
На данный момент настройками "показывать/скрывать пустую вкладку" снабжены только типы вкладок, содержащие списки контента. Вкладки для вывода полей и страниц по умолчанию выводятся всегда, однако данное поведение можно переопределить на уровне шаблона одной строкой кода.