Создание слайдера с использованием MIGX в MODX

Здравствуйте, подскажите почему в Bootstrap4 в мобильной версии(width: 767px) слайдера не отображаются доп.поля (название, описание) и как это победить.

Спасибо.

Александр, спасибо, сделал по вашей инструкции, все работает.
Сейчас решил с помощью этого же MIGX-поля вывести галерею из ресурсов на странице.
Делаю так:

[[pdoResources?
                &parents=`121`
                &sortby=`menuindex`
                &limit=`99`
                &sortdir=`ASC`
                &tpl=`photo`
                &includeTVs=`photos`
            ]]

Чанк photo:

[[!getImageList?
  &sortby=`{"MIGX_id":"ASC"}`
  &tvname=`photos`
  &tpl=`photo-chunk`
  &limit=`20`        
  &docid=`[[*id]]`
]]

Чанк photo-chunk:

<div class="gal-item">
    <a href="[[+image]]"><img class="img-responsive" src="[[+image]]" title="[[+pagetitle]]" alt="[[+pagetitle]]"/></a>
</div>

Ничего не выводится, лог:

0.0000560: pdoTools loaded
0.0000181: xPDO query object created
0.0008361: Included list of tvs: photos
0.0001371: leftJoined modTemplateVarResource as TVphotos
0.0001221: Added selection of modResource: `id`, `type`, `contentType`, `pagetitle`, `longtitle`, `description`, `alias`, `alias_visible`, `link_attributes`, `published`, `pub_date`, `unpub_date`, `parent`, `isfolder`, `introtext`, `richtext`, `template`, `menuindex`, `searchable`, `cacheable`, `createdby`, `createdon`, `editedby`, `editedon`, `deleted`, `deletedon`, `deletedby`, `publishedon`, `publishedby`, `menutitle`, `donthit`, `privateweb`, `privatemgr`, `content_dispo`, `hidemenu`, `class_key`, `context_key`, `content_type`, `uri`, `uri_override`, `hide_children_in_tree`, `show_in_tree`, `properties`
0.0000069: Added selection of modTemplateVarResource: IFNULL(`value`, '') AS `tv.photos`
0.0006180: Processed additional conditions
0.0007470: Added where condition: modResource.parent:IN(121,122,123), modResource.published=1, modResource.deleted=0
0.0000520: Replaced TV conditions
0.0000980: Sorted by modResource.menuindex, ASC
0.0000021: Limited to 99, offset 0
0.0002410: SQL prepared "SELECT `modResource`.`id`, `modResource`.`type`, `modResource`.`contentType`, `modResource`.`pagetitle`, `modResource`.`longtitle`, `modResource`.`description`, `modResource`.`alias`, `modResource`.`alias_visible`, `modResource`.`link_attributes`, `modResource`.`published`, `modResource`.`pub_date`, `modResource`.`unpub_date`, `modResource`.`parent`, `modResource`.`isfolder`, `modResource`.`introtext`, `modResource`.`richtext`, `modResource`.`template`, `modResource`.`menuindex`, `modResource`.`searchable`, `modResource`.`cacheable`, `modResource`.`createdby`, `modResource`.`createdon`, `modResource`.`editedby`, `modResource`.`editedon`, `modResource`.`deleted`, `modResource`.`deletedon`, `modResource`.`deletedby`, `modResource`.`publishedon`, `modResource`.`publishedby`, `modResource`.`menutitle`, `modResource`.`donthit`, `modResource`.`privateweb`, `modResource`.`privatemgr`, `modResource`.`content_dispo`, `modResource`.`hidemenu`, `modResource`.`class_key`, `modResource`.`context_key`, `modResource`.`content_type`, `modResource`.`uri`, `modResource`.`uri_override`, `modResource`.`hide_children_in_tree`, `modResource`.`show_in_tree`, `modResource`.`properties`, IFNULL(`TVphotos`.`value`, '') AS `tv.photos` FROM `modx_site_content` AS `modResource` LEFT JOIN `modx_site_tmplvar_contentvalues` `TVphotos` ON `TVphotos`.`contentid` = `modResource`.`id` AND `TVphotos`.`tmplvarid` = 14 WHERE  ( `modResource`.`parent` IN (121,122,123) AND `modResource`.`published` = 1 AND `modResource`.`deleted` = 0 )  ORDER BY modResource.menuindex ASC LIMIT 99 "
0.0009501: SQL executed
0.0000210: Rows fetched
0.0007961: Prepared and processed TVs
0.0007398: Loaded "modChunk" with name "photo"
0.0012848: Returning processed chunks
0.0054250: Total time
4 194 304: Memory usage

Александр, добрый день!

А как возможно сделать поле migx, что бы в админке оно уже было предзаполнено определенным кодом? В идеале, вывести (в админке) поле textarea, которое бы использовало редактор ace, и в нем был бы прописан определенный код, который я задам в значении по умолчанию. Основной момент — это поле должно быть редактируемым, что бы была возможность дополнить код, вставленный по умолчанию, или вообще удалить.

Не могу понять, как такое возможно реализовать. Через «значение по умолчанию» в ТВ не получается

Здравствуйте, подскажите, а можно ли выводить элементы MIGX с установкой даты, т.е. задавать дату как у ресурсов в админке modx и применять отложенную публикацию?

Спасибо за статью.
Всё в принципе получилось, и мне удалось настроить эту вундервафлю под свои цели. Но есть несколько нюансов, которые так и не удаётся победить. Так, когда картинки добавились и я пытаюсь удалить одну из них (правой кнопкой мыши, нажимаю удалить) удаляются все добавленные картинки сразу. При чём, картинка по которой производился клик удаляется с сервера. Дико непонятно.
Может есть способ добавить поле с кнопкой «Удалить», чтобы при нажатии фотка удалялась. Не с сервера, а чисто из поля редактора?

можно ли вывести несколько изображений, например, чтоб выводилось по 3?

Здравстуйте. Сделал слайдер по вашей инструкции, но есть проблема. При попытке листать изображения влево или вправо вместо смены изображения выбрасывает на главную страницу сайта, а в адресной строке появляется «адрес сайта/#carousel». Помогите разобраться пожалуйста. Спасибо.

Добрый вечер.

Изучаю MIGX. Меня настораживает, что при вызове ВСЕХ сниппетов компонента (переносе мышкой в область контента) нет возможности установить его параметры (&....)
&tvname=`photos`
&tpl=`tplCarouselItem`
Окошко параметров открывается, но оно пустое… что то мне подсказывает что так не должно быть… наверное то, что остальные сниппеты позволяют себя настраивать при вызове).
Переустановил компонент — без изменений…

Изображение

У меня вопрос такого плана: Есть повторяющиеся items. В которых есть фото, имя человека, и перечень направлений что он делает. Проблема в том, что у разных людей количество этих направлений разное. Возможно ли в MIGX как-то реализовать чтобы заходя в дополнительные поля человек добавлял фото, имя, направление деятельности, и если ему нужно чтобы он мог нажать кнопочку и добавить еще 1, 2 или направления

Александр, скажите, знаете ли вы, как можно добавить колонку, где будет выводиться URL для каждой добавленной картинки, что бы можно было копировать их и вставлять в нужное место в CKEeditore, например? У меня получилось добиться вывода имени файла, когда просто отключал рендер, и выбирал поле картинки, вот как-то бы еще туда добавить генерацию пути…

А можно ли как-то подключить к полю изображения дополнение Image+, что бы сделать, допустим не карусель, а нормальную компактную галерею без излишеств, но с управляемой генерацией миниатюр? Да так-то и для карусельки тоже полезно было бы… Заранее благодарю за совет!

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

<ol class="carousel-indicators">    
<li data-target="#carousel" data-slide-to="0" class="active"></li><li data-target="#carousel" data-slide-to="1"></li><li data-target="#carousel" data-slide-to="2"></li>  </ol>

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

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">  
  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>  
  </a>

. Неделю угрохал и пока впустую сейчас попробовал вызвать вместо css/bootstrap.min.css просто css/bootstrap.css и все заработало как надо теперь вопрос, а как сделать чтоб на минимизированном работало?

Добрый вечер, Александр!

Помогите, пожалуйста, разобраться в вопросе, который упорно не хочет решаться!

В phpMyAdmin создал малюсеньку тестовую табличку:

CREATE TABLE `abc_test_item` (
  `id` int(10) NOT NULL,
  `name` varchar(250) DEFAULT NULL,
  `message` varchar(255) DEFAULT NULL
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

Установил CMPGenerator и с его помощью создал новый компонент. Структура со схемой создались замечательно. В консоле код:

$modx->addPackage('test', $modx->getOption('core_path').'components/test/model/');

$item = $modx->newObject('TestItem');
$item->set('name', 'Alex');
$item->set('message', 'Test Message');
$item->save();

тоже отрабатывает и данные в таблицу вносятся.

Далее, по этому мануалу установил MIGX, чтобы сохраненные данные можно было отображать в админке. Создал пункт в верхнем меню, создал конфигурацию:

{
  "formtabs":[
    {
      "MIGX_id":3,
      "caption":"info",
      "print_before_tabs":"0",
      "fields":[
        {
          "MIGX_id":9,
          "field":"name",
          "caption":"\u0418\u043c\u044f",
          "description":"",
          "description_is_code":"0",
          "inputTV":"",
          "inputTVtype":"",
          "validation":"",
          "configs":"",
          "restrictive_condition":"",
          "display":"",
          "sourceFrom":"config",
          "sources":"",
          "inputOptionValues":"",
          "default":"",
          "useDefaultIfEmpty":"0",
          "pos":1
        },
        {
          "MIGX_id":10,
          "field":"message",
          "caption":"\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435",
          "description":"",
          "description_is_code":"0",
          "inputTV":"",
          "inputTVtype":"textarea",
          "validation":"",
          "configs":"",
          "restrictive_condition":"",
          "display":"",
          "sourceFrom":"config",
          "sources":"",
          "inputOptionValues":"",
          "default":"",
          "useDefaultIfEmpty":"0",
          "pos":2
        }
      ],
      "pos":1
    }
  ],
  "contextmenus":"recall_remove_delete",
  "actionbuttons":"addItem||toggletrash",
  "columnbuttons":"recall_remove_delete",
  "filters":"",
  "extended":{
    "migx_add":"",
    "disable_add_item":"",
    "add_items_directly":"",
    "formcaption":"",
    "update_win_title":"Test Window title",
    "win_id":"test",
    "maxRecords":"",
    "addNewItemAt":"bottom",
    "media_source_id":"",
    "multiple_formtabs":"",
    "multiple_formtabs_label":"",
    "multiple_formtabs_field":"",
    "multiple_formtabs_optionstext":"",
    "multiple_formtabs_optionsvalue":"",
    "actionbuttonsperrow":4,
    "winbuttonslist":"",
    "extrahandlers":"",
    "filtersperrow":4,
    "packageName":"test",
    "classname":"TestItem",
    "task":"",
    "getlistsort":"id",
    "getlistsortdir":"desc",
    "sortconfig":"",
    "gridpagesize":"",
    "use_custom_prefix":1,
    "prefix":"abc_",
    "grid":"",
    "gridload_mode":1,
    "check_resid":1,
    "check_resid_TV":"",
    "join_alias":"",
    "has_jointable":"yes",
    "getlistwhere":"",
    "joins":"",
    "hooksnippets":"",
    "cmpmaincaption":"\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f\u043c\u0438",
    "cmptabcaption":"\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f",
    "cmptabdescription":"Tab Description",
    "cmptabcontroller":"",
    "winbuttons":"",
    "onsubmitsuccess":"",
    "submitparams":""
  },
  "columns":[
    {
      "MIGX_id":1,
      "header":"id",
      "dataIndex":"id",
      "width":"",
      "sortable":"false",
      "show_in_grid":1,
      "customrenderer":"",
      "renderer":"",
      "clickaction":"",
      "selectorconfig":"",
      "renderchunktpl":"",
      "renderoptions":"",
      "editor":""
    },
    {
      "MIGX_id":2,
      "header":"\u0418\u043c\u044f",
      "dataIndex":"name",
      "width":"",
      "sortable":"false",
      "show_in_grid":1,
      "customrenderer":"",
      "renderer":"",
      "clickaction":"",
      "selectorconfig":"",
      "renderchunktpl":"",
      "renderoptions":"",
      "editor":""
    },
    {
      "MIGX_id":3,
      "header":"\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435",
      "dataIndex":"message",
      "width":"",
      "sortable":"false",
      "show_in_grid":1,
      "customrenderer":"",
      "renderer":"",
      "clickaction":"",
      "selectorconfig":"",
      "renderchunktpl":"",
      "renderoptions":"",
      "editor":""
    }
  ]
}

по пункту меню начала отображаться болванка, но сами данные из базы никак не хотят отображаться, что только ни делал! По мануалу выше всё должно сработать с первого раза, но… Самое интересное, что при клике на кнопке «Добавить элемент», ввожу данные в поля «имя» и «сообщение» и данные успешно заносятся в базу! Т.е. связь с базой через контроллер настроена правильно. Не понимаю, в чем ошибка..? Кэши многократно чистил и CMS`ки и браузера — ничего. Можете подсказать?

Здравствуйте, Александр!
Все сделал по вашему описанию. Но слайдер не выводится. При вводе данных в таблицу, если подвести указатель мыши к заголовку, то везде [[*]], а должно быть, как я понимаю [[*title]] [[*image]] и т.д. В чем может быть причина?

Спасибо за статью! А можно ли добавить колонку, где будет выводиться URL для каждой картинки, что бы можно было их вставлять в нужное место в CKEeditore, например? И где включается множественная загрузку файлов?
docs.modx.com/extras/revo/migx/migx.tutorials/migx.use-resource-specific-mediasource-and-multifile-uploader
Вот тут в принципе работает способ, но ошибку 500 выдает да и поля не те((
Мне бы просто включить опцию мультизагрузки)))

Здравствуйте. Отличная стать. Спасибо вам! В этой строчке ошибка?

<li data-target="#carousel" data-slide-to="[[+idx:subtract]]" [[+idx:is=`1`:then=`class="active"`]]<>/li>

Так не работает.

<li data-target="#carousel" data-slide-to="[[+idx:subtract]]" [[+idx:is=`1`:then=`class="active"`]]></li>

Здравствуйте, вопрос может немного не по теме, общий вопрос по ТВ.

Такая идея, создать ТВ поля контактов (телефоны, адрес, почта, карта гугл и т д.) Сделать так, чтобы зайти в админку на ресурс «Главная», там внести значения и на сайте на автомате, везде где идет вызов ТВ, сменились контакты. Например вызываю ТВ [[*phone-1]], и везде на сайте (включая разные шаблоны), где идет вызов данного ТВ, меняется номер телефона. Это все для того, чтобы можно было зайти и в одном месте поменять все контакты на сайте. Столкнулся с проблемой. 1-е, ТВ контактов в админке подтягиваются ко всем ресурсам (в разделе доп. поля), так как пока всем ресурсам назначен один шаблон (если например заполняю все тв в главной то в остальных ресурсах пусто), можно ли скрыть для остальных ресурсов а показывать только для главной (с учетом того что один шаблон)?.. 2-е. когда идет вызов ТВ [[*phone-1]], то это ТВ подтягиветься только для главной, как сделать чтобы и на остальных отображалось по умолчанию с теме данными что введены для главной? (есть вариант задать в самом ТВ значение по умолчанию, может есть другой вариант)…
itchief.ru/assets/uploadify/a/2/5/a25ebd91a29df95724d487a44d898beb.png

А как сделать, если нужно несколько галерей на странице? Причем картинки также должны быть привязаны к ресурсу. Ну например, есть страница описания дома и нужно вывести 2 слайдера, один показывает фото участка, а второй показывает фото внутри самого дома. Или выход только создавать несколько MIGX?

&where=`{"carousel:=":"1"}`

Вопрос. При создании полей в MIGX их нужно заносить в таблицу XML или это сейчас автоматически делается?
itchief.ru/assets/uploadify/d/9/9/d99bfd9497b2db14835ab5b6a456b1f8.png

Александр, здравствуйте. Прошу помочь с запросом к базе Migx. Долго бьюсь и никак не могу найти правильное решение.

Суть:
Делать выборку из поля со множественным значением.
Есть Ресурс с подключенной базой Migx, где хранятся каталоги.
Помимо родного ресурса эти каталоги нужно вывести и на многих других.
Соответственно, на этом этапе нужна выборка определенных каталогов для определенного ресурса.
Задачу пытался решить так:
создал в Migx базе еще одно поле, где вручную указываю id ресурсов (пример — 5||20||13).
В шаблоне этих ресурсов вывожу каталоги таким образом:

        [[!pdoPage?
          &element=`getImageList`
          &tvname=`catalogs_pdf`
          &tpl=`tpl_catalogs_pdf`
          &docid=`7`
          &where=`{"id_pages:find":"[[*id]]"}`
        ]]

Из запроса сразу видно, что работать будет, если в поле «id_pages» указан только один id.

Для нескольких id пытался изменить условие "&where":

&where=`["1 = 1 AND FIND_IN_SET('[[*id]]', replace(id_pages, '||', ','))"]`

Это отсюда: modx.pro/development/7236-pdofetch-search-in-tv-fields-with-the-delimiter/

Еще вариант:

    &where=`{
        "id_pages:LIKE": "1",
        "OR:id_pages:LIKE": "%||1||%",
        "OR:id_pages:LIKE": "1||%",
        "OR:id_pages:LIKE": "%||1",
    }`

Пробовал через tvFilters, но тогда вообще ничего не работает:

    &tvFiltersOrDelimiter=`^^`
    &tvFilters=`id_pages==[[*id]]||%^^id_pages==%||[[*id]]^^id_pages==%||[[*id]]||%^^id_pages==[[*id]]`

Догадываюсь, что собака зарыта в правильном составлении json строки, но, видимо, не хватает знаний.

2#3#

&where=`{"id_pages:contains":"[[*id]]#"}`

сделал, но картинка расположились одна под другой

вот код что получилось:

<section>
            <div class="container hideOnLoad showOnLoad">
                <div id="carousel-main-wrapper">
                    <div id="carousel" class="main-carousel" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="item">
                                    [[getImageList?
                                      &tvname=`photos`
                                      &tpl=`tplCarouselItem`
                                    ]]
                            </div>
                            
                        </div>

                        <ol class="carousel-indicators">
                            <li data-target="#carousel" data-slide-to="0" class="active hideOnLoad showOnLoad1">
                                <div class="carousel-caption">
                                       [[getImageList? 
                                          &tvname=`photos`
                                          &tpl=`tplCarouselIndicator`
                                        ]]
                        </ol>

                        <a class="left carousel-control" href="#carousel" data-slide="prev"></a>
                        <a class="right carousel-control" href="#carousel" data-slide="next"></a>
                    </div>
                    <div class="shadow"></div>
                </div>
            </div>
        </section>

исходники:

<section>
            <div class="container hideOnLoad showOnLoad">
                <div id="carousel-main-wrapper">
                    <div id="carousel" class="main-carousel" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="item active">
                                <img src="img/gallery/banner1.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="img/gallery/banner2.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="img/gallery/banner1.jpg" alt="" />
                            </div>
                            <div class="item">
                                <img src="img/gallery/banner2.jpg" alt="" />
                            </div>
                        </div>

                        <ol class="carousel-indicators">
                            <li data-target="#carousel" data-slide-to="0" class="active hideOnLoad showOnLoad1">
                                <div class="carousel-caption">
                                    <h2>Beautiful nature</h2>
                                    <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                </div>
                            </li>
                            <li data-target="#carousel" data-slide-to="1" class="hideOnLoad showOnLoad2">
                                <div class="carousel-caption">
                                    <h2>Lorem ipsum dolor</h2>
                                    <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                </div>
                            </li>
                            <li data-target="#carousel" data-slide-to="2" class="hideOnLoad showOnLoad3">
                                <div class="carousel-caption">
                                    <h2>Coffe & drinks</h2>
                                    <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                </div>
                            </li>
                            <li data-target="#carousel" data-slide-to="3" class="hideOnLoad showOnLoad4">
                                <div class="carousel-caption">
                                    <h2>Steak lunch menu</h2>
                                    <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                                </div>
                            </li>
                        </ol>

                        <a class="left carousel-control" href="#carousel" data-slide="prev"></a>
                        <a class="right carousel-control" href="#carousel" data-slide="next"></a>
                    </div>
                    <div class="shadow"></div>
                </div>
            </div>
        </section>

а чанки ваши.

Очень полезная статья!
Вообще, уроки по modx радуют всегда. Отличная cmf-ка!