Документация для специалистов

Blog by Fi1osof

Урок по созданию пакетов для MODX Revolution и создание своих репозиториев

Видеоурок Как натянуть верстку на ShopModxBox

Устанавливаем MODX Revolution

В Wayfinder шаблон для row, содержащего вложенный ul, называется parentRowTpl

В Wayfinder шаблон для row, содержащего вложенный 

Да, в курсе. Там просто не все записалось. Мы меню-то сделали, но запись вот прервалась на этом месте.

Да, в курсе. Там просто не все записалось. Мы меню

я с этим parentRowTpl уже третий день бьюсь… «не выходит каменный цветок у Данилы-мастера»
 обрадовался, думал видео поможет с трех и более уровневым меню справиться, и тут облом…

я с этим parentRowTpl уже третий день бьюсь… «не в

Ну, так звезды сложились… Завтра постараюсь выделить немного времени, сделать в сборке многоуровневое меню. Выложу результат.

Ну, так звезды сложились… Завтра постараюсь выдели

Дай Бог вам здоровья и в ручки и в ножки и между ног немножко…


Дай Бог вам здоровья и в ручки и в ножки и между н

Спасибо. Здоровье никогда не лишнее.

Здравствуйте, Николай. Очень уважаю Ваше стремление быть хорошим специалистоми и помогать людям. Я часто посещаю Ваш сайт и мне он нравится и помогает в работе. Спасибо.
 Исправьте, пожалуйста, ошибку — слово «расширение» замените на «разрешение». Физические параметры видео и растровых изображений исчисляются разрешением (количеством пикселей либо точек на дюйм или сантиметр), а не расширением.
 Успехов Вам в бизнесе.

Здравствуйте, Николай. Очень уважаю Ваше стремлени

Спасибо! Поправил.

крутотень, всё понятно, всё знакомо) и сразу вопрос:
 как в modxSDK в редактировании документа открыть окно «найти и заменить»?


крутотень, всё понятно, всё знакомо) и сразу вопро

Два раза Ctrl+F. Это уже функционал редактора Ace, так что можете гуглить его манны.
 Там только прикол есть — пока не нажмешь хотя бы раз Найти (или Enter), Replace all не работает.

Два раза Ctrl+F. Это уже функционал редактора Ace,

а как расширить вот это:
 у документа Каталог вызов сниппета 
 

как здесь указать tpl из скина? 
 можно конечно рядом другой создать, но должен же быть кошерный способ брать всё из скина?

а как расширить вот это:
 у документа Каталог вызов сниппета [[!smarty?tpl=`shop/catalog/list.tpl`]] как здесь указать tpl из скина? 
 можно конечно рядом другой создать, но должен же быть кошерный способ брать всё из скина?

а как расширить вот это:
 у документа Каталог вызо

Вам что именно надо расширить? [[!smarty?tpl=`shop/catalog/list.tpl`]] — это никак не расширить, это есть суть строка. А вот shop/catalog/list.tpl расширить можно, все тем же способом: в своем скине создавайте расширяющий шаблон shop/catalog/list.tpl и делайте в нем что хотите.

Вам что именно надо расширить? [[!smarty?tpl=`shop

некоторые шаблоны не расширяются, сейчас вот пытаюсь shop/basket/overview/index.tpl
 скопировал содержимое в свой скин, но он почему-то не подключается…
 еще какие-то были, вспомню — напишу

некоторые шаблоны не расширяются, сейчас вот пытаю

Смотри внимательней, может названием ошибся. Еще не было такого шаблона, который не расширяется, я многие перепробовал (включая shop/basket/overview/index.tpl).

Смотри внимательней, может названием ошибся. Еще н

Простите за, может быть, глупый вопрос, но откуда берется вкладка PROJECT SHOP?
 не могу найти ее у себя.

Простите за, может быть, глупый вопрос, но откуда 

Это в modxSDK выбирается проект.
 ?
 

Проект тянется со сборкой ShopModxBox. Можете свой проект создать.

Это в modxSDK выбирается проект.
 ? Проект тянется со сборкой ShopModxBox. Можете свой проект создать.

Это в modxSDK выбирается проект.
 ? Проект тянетс

Понятно, переустановил этот пакет и тогда появилась закладка, до этого рабочее поле было просто пустое
 Спасибо за ответ

Понятно, переустановил этот пакет и тогда появилас

Не за что.

В видео инструкции все понятно и просто, но только до момента формирования меню :)
 Нет ли такой инструкции по выводу каталога товаров, на пример?
 С каталогом товаров как то не все так однозначно.
 На данном этапе получилось вывести товары на страницу, но почему то только НОВИНКИ
 Если нет инструкции то может подскажите где копать?

В видео инструкции все понятно и просто, но только

Нет ли такой инструкции по выводу каталога товаров, на пример?

Нету. Копайте Wayfinder и Bootstrap.
 

На данном этапе получилось вывести товары на страницу, но почему то только НОВИНКИ

Смотрите какой процессор вызывается. web/catalog/products/getdata — это товары получает. web/catalog/products/hot/getdata — только новинки.

Нет ли такой инструкции по выводу каталога товаров, на пример? Нету. Копайте Wayfinder и Bootstrap. На данном этапе получилось вывести товары на страницу, но почему то только НОВИНКИ Смотрите какой процессор вызывается. web/catalog/products/getdata — это товары получает. web/catalog/products/hot/getdata — только новинки.

Нет ли такой инструкции по выводу каталога товаров

В том то и дело что процессор не HOT
 

{processor action="web/catalog/category/products/getdata" ns="modxsite" assign=result}

Bootstrap не использую Смотрите какой процессор вызывается. web/catalog/products/getdata — это товары получает. web/catalog/products/hot/getdata — только новинки. В том то и дело что процессор не HOT {processor action="web/catalog/category/products/getdata" ns="modxsite" assign=result}

Bootstrap не использую Смотрите какой процессор вы

Всё, разобрался, брал категории вместо товаров

Этот процессор не категории получает, а товары по заданной категории.

Этот процессор не категории получает, а товары по 

{block name=content}
        {processor action="web/category/catalog/products/getdata" ns="modxsite" assign=result}
    
        {* Набиваем через единый шаблон листинга *}
        {include file="shop/catalog/list/fetch.tpl"}
      {/block}


Вот такой был блок, выводил только новинки
 теперь вот так
 

{block name=content}
        {processor action="web/catalog/products/getdata" ns="modxsite" assign=result}
    
        {* Набиваем через единый шаблон листинга *}
        {include file="shop/catalog/list/fetch.tpl"}
      {/block}


Выводит все товары, но в конце всеравно еще и новинки
 Пока не врублюсь что к чему
 

И второй вопрос а где цены хранятся для каждого товара, ТВ — нет, где тогда?

{block name=content}
        {processor action="web/category/catalog/products/getdata" ns="modxsite" assign=result}
    
        {* Набиваем через единый шаблон листинга *}
        {include file="shop/catalog/list/fetch.tpl"}
      {/block} Вот такой был блок, выводил только новинки
 теперь вот так {block name=content}
        {processor action="web/catalog/products/getdata" ns="modxsite" assign=result}
    
        {* Набиваем через единый шаблон листинга *}
        {include file="shop/catalog/list/fetch.tpl"}
      {/block} Выводит все товары, но в конце всеравно еще и новинки
 Пока не врублюсь что к чему И второй вопрос а где цены хранятся для каждого товара, ТВ — нет, где тогда?

{block name=content}
        {processor action="we

Коля, привет.
 Впервые использовал новую сборку. Я переношу сайт, на котором нет Bootstrap, поэтому layout.tpl переписал без 
 {extends file='[main]layout.tpl'}
 В самом конце подгрузил laertify.js и app.js.
 В результате товары добавляются, но окошко alertify не выскакивает. В консоли ошибок нет. 
 Что может быть? Там никаких тонкостей нет скрытых?


Коля, привет.
 Впервые использовал новую сборку. Я

Саша, привет!
 Так алертифи требует наличия бутстрапа. Без него не будет выводиться. Бутстрап обязателен.

Саша, привет!
 Так алертифи требует наличия бутстр

Разобрался. Дело не в бутстрапе, нетего в верстке. Я просто подключил JSы, а css нет (он у тебя через @include включается в основном css, в шаблоне не упоминается — поэтому и пропустил). Сейчас все работает: http://maa1977p.bget.ru

Разобрался. Дело не в бутстрапе, нетего в верстке.

Странно… Я вроде как получал уведомления что он требует. А может это я от бутстрапа получал что требует jQuery. В любом случае, работает — ну и здорово :)

Странно… Я вроде как получал уведомления что он тр

Вопрос по ценам так и остался открытым
 У меня нет закладки Данные товара, как ее получить?

Вопрос по ценам так и остался открытым
 У меня нет

Должен быть тип документа — Товар. joxi.ru/VrwoaO9Ib6pOrX

Должен быть тип документа — Товар. joxi.ru/VrwoaO9

Конечно все так и есть
 это стандартная сборка я просто переименовал документы и все…

Конечно все так и есть
 это стандартная сборка я п

joxi.ru/823ORJKCMRZq2O

Киньте доступы в админку мне на почту, гляну что и как там.

Киньте доступы в админку мне на почту, гляну что и

У вас просто не хватает файлов: joxi.ru/8AnXDv9uX3ypmO
 Не знаю по какой причине их там нет, но их там нет. Обновил пакет modxSite и почему-то и файлы других пакетов появились там. Может что-то не так с настройками прав файлов.

У вас просто не хватает файлов: joxi.ru/8AnXDv9uX3

Разобрался, 
 меня смутила в видео фраза — При установке пакета могут быть ошибки, но это нормально…
 оказалось не нормально и ошибки были с доступами в директории и правами на запись в них, открыл права на запись все установилось и теперь все на месте


Разобрался, 
 меня смутила в видео фраза — При уст

меня смутила в видео фраза — При установке пакета могут быть ошибки, но это нормально…

При этом я показывал какие именно ошибки нормально. Речь шла о MODX-ошибках уровня Debug и Warn. Невозможность записать файлы — это уже php-ошибки.

меня смутила в видео фраза — При установке пакета могут быть ошибки, но это нормально… При этом я показывал какие именно ошибки нормально. Речь шла о MODX-ошибках уровня Debug и Warn. Невозможность записать файлы — это уже php-ошибки.

меня смутила в видео фраза — При установке пакета 

Да конечно, это моя вина


Мелочи. Заработало — и ладушки.

<div class="col-md-{12/$cols}">
        <div class="row">
            <div class="col-md-4">
            
                {*
                    Здесь нам не приходится проверять фото на наличие, так как это выполняется на уровне процессора.
                *}
                <a href="{$image}">
                    <img src="{$src}" title="{$object.pagetitle|@escape}" align="left" class="img-responsive"/>
                </a>
                
            </div>   
            <div class="col-md-8">
            
                {$smarty.block.parent}
                
            </div>
        </div>
    </div> 

../products/list/layout.tpl — Шаблон для вывода карточки товара в списке
 

Почему и зачем, здесь только картинка, а все остальное берется из 
 

и откуда это берется
 что то совсем здесь не понятно?!

<div class="col-md-{12/$cols}">
        <div class="row">
            <div class="col-md-4">
            
                {*
                    Здесь нам не приходится проверять фото на наличие, так как это выполняется на уровне процессора.
                *}
                <a href="{$image}">
                    <img src="{$src}" title="{$object.pagetitle|@escape}" align="left" class="img-responsive"/>
                </a>
                
            </div>   
            <div class="col-md-8">
            
                {$smarty.block.parent}
                
            </div>
        </div>
    </div> ../products/list/layout.tpl — Шаблон для вывода карточки товара в списке Почему и зачем, здесь только картинка, а все остальное берется из {$smarty.block.parent} и откуда это берется
 что то совсем здесь не понятно?!

<div class="col-md-{12/$cols}">
        <div class

И еще, научите как подгонять картинки, делать ресайз картинок, 
 вчера объясняли, но видео не записалось, а я что то забыл, сори

И еще, научите как подгонять картинки, делать реса

{$params = [
        "parent"    => 163,        
        "limit"     => 4
    ]}

где подсмотреть полный набор возможных параметров
 

и как вывести определенный документ, то есть не дочерние доки документа, а parent документ с определенным ID

{$params = [
        "parent"    => 163,        
        "limit"     => 4
    ]} где подсмотреть полный набор возможных параметров и как вывести определенный документ, то есть не дочерние доки документа, а parent документ с определенным ID

{$params = [
        "parent"    => 163,        
 

где подсмотреть полный набор возможных параметров

в процессоре и его родителях
 

и как вывести определенный документ

{$params = [
    'where'=>['id'=>444],
    'current'=>1
]

where строится по правилам xpdo, параметр current вернет в object не массив, а единичный объект

где подсмотреть полный набор возможных параметров в процессоре и его родителях и как вывести определенный документ {$params = [
    'where'=>['id'=>444],
    'current'=>1
] where строится по правилам xpdo, параметр current вернет в object не массив, а единичный объект

где подсмотреть полный набор возможных параметров 

класс спасибо
 тогда почему не выводит ничего такая конструкция
 

{block name=shipping}
    {$params = [
        "where"     => ["id" => 169],
        "current"   => 1
    ]}

    {processor action="web/resources/getdata" ns=modxsite params=$params assign=result}
<span class="title1" id="anchor4">{$result.pagetitle}</span>
<div class="box_descript">
    <span class="title">{$result.longtitle}</span>
    {$result.content}
</div>
{/block}


хотя проверяю массив все верно — один документ тот что нужен… странно

класс спасибо
 тогда почему не выводит ничего такая конструкция {block name=shipping}
    {$params = [
        "where"     => ["id" => 169],
        "current"   => 1
    ]}

    {processor action="web/resources/getdata" ns=modxsite params=$params assign=result}
<span class="title1" id="anchor4">{$result.pagetitle}</span>
<div class="box_descript">
    <span class="title">{$result.longtitle}</span>
    {$result.content}
</div>
{/block} хотя проверяю массив все верно — один документ тот что нужен… странно

класс спасибо
 тогда почему не выводит ничего така

туплю $result.object.pagetitle так работает

{*
 Здесь нам не приходится проверять фото на наличие, так как это выполняется на уровне процессора.
 *}

Наличие картинки можно проверить простым ифом

Почему и зачем, здесь только картинка, а все остальное берется из {$smarty.block.parent}
 и откуда это берется
 что то совсем здесь не понятно?! 

Смотрите какой шаблон расширяет ваш этот указанный шаблон. Вот {$smarty.block.parent} — это блок из родительского шаблона. К примеру у вас есть шаблоны t1.tpl и t2.tpl. t2.tpl расширяет шаблон t1.tpl.
 

/* шаблон t1.tpl*/
{block name=some_block}
    <p>Я родительский блок</p>
{/block}

/* шаблон t2.tpl, расширяющий шаблон t1.tpl*/
{extends "t1.tpl"}
{block name=some_block}
    <p>А вот здесь будет выводиться содержимое родительского шаблона</p>
    {$smarty.block.parent}
    <p>Конец шаблона t2.tpl</p>
{/block}

Результат при вызове шаблона t2.tpl:
 

<p>А вот здесь будет выводиться содержимое родительского шаблона</p>
<p>Я родительский блок</p>
<p>Конец шаблона t2.tpl</p>

{*
 Здесь нам не приходится проверять фото на наличие, так как это выполняется на уровне процессора.
 *} Наличие картинки можно проверить простым ифом {if $image} Почему и зачем, здесь только картинка, а все остальное берется из {$smarty.block.parent}
 и откуда это берется
 что то совсем здесь не понятно?! Смотрите какой шаблон расширяет ваш этот указанный шаблон. Вот {$smarty.block.parent} — это блок из родительского шаблона. К примеру у вас есть шаблоны t1.tpl и t2.tpl. t2.tpl расширяет шаблон t1.tpl. /* шаблон t1.tpl*/
{block name=some_block}
    <p>Я родительский блок</p>
{/block} /* шаблон t2.tpl, расширяющий шаблон t1.tpl*/
{extends "t1.tpl"}
{block name=some_block}
    <p>А вот здесь будет выводиться содержимое родительского шаблона</p>
    {$smarty.block.parent}
    <p>Конец шаблона t2.tpl</p>
{/block} Результат при вызове шаблона t2.tpl: <p>А вот здесь будет выводиться содержимое родительского шаблона</p>
<p>Я родительский блок</p>
<p>Конец шаблона t2.tpl</p>

{*
 Здесь нам не приходится проверять фото на нали

Изучите внимательно этот топик, и не раз. Там ответы на многие вопросы.

где подсмотреть полный набор возможных параметров Изучите внимательно этот топик, и не раз. Там ответы на многие вопросы.

туплю
 $result.object.pagetitle

 так работает 

туплю
 $result.object.pagetitle

 так работает Да, так правильно.

туплю
 $result.object.pagetitle

 так работает Да,

{$image = $object.image}
{$thumb = $modx->runSnippet('phpThumbOf', [
    "input"    => $image,
    "options"    => "&far=0&w=230&h=140"
])}
<img src="{$thumb}" />

Пример: {$image = $object.image}
{$thumb = $modx->runSnippet('phpThumbOf', [
    "input"    => $image,
    "options"    => "&far=0&w=230&h=140"
])}
<img src="{$thumb}" />

Пример: {$image = $object.image}
{$thumb = $modx->

рекомендую подобные опыты ставить с использованием консоли — сразу результат видно весь :)

Как мне выбрать и подключить только те скрипты и с

Бутстрап вы еще можете отключить (переопределить блок bootstrap). А вот скрипты отключать не имеет смысл, ибо не будет работать корзина и т.п. Остальное все в своих шаблонах правите.

Бутстрап вы еще можете отключить (переопределить б

Можно пару слов как настроить пагинацию.

просто не включай их :)
 чисто для магазина из js нужны только jquery, app.js и alertify (js и css) для информера. Остальное — на твое усмотрение.


просто не включай их :)
 чисто для магазина из js 

{processor action="web/getdata" ns=modxsite assign=result}
{include "common/pagination/pagination.tpl"}

Если результат процессора в другую переменную набиваете, то указывать явно надо в инклюде. Например:
 

{processor action="web/getdata" ns=modxsite assign=my_array}
{include "common/pagination/pagination.tpl" result=$my_array}

{processor action="web/getdata" ns=modxsite assign=result}
{include "common/pagination/pagination.tpl"} Если результат процессора в другую переменную набиваете, то указывать явно надо в инклюде. Например: {processor action="web/getdata" ns=modxsite assign=my_array}
{include "common/pagination/pagination.tpl" result=$my_array}

{processor action="web/getdata" ns=modxsite assign

Листы появились но не переключаются

при вызове процессора надо передавать параметр 
 

при вызове процессора надо передавать параметр 'page'=>$smarty.get.page

при вызове процессора надо передавать параметр 'pa

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

спасибо заработало
 последний на сегодня вопрос
 к

по цене — процессор web/catalog/products/getdata
 указываешь параметр
 'where'=>['Product.sm_price:<'=>4000]
 или
 'where'=>['Product.sm_price:>'>=4000,'and:Product.sm_price:<'=>7000]
 и т.п.
 

по производителю по tv фильтровать надо — посмотри web/catalog/products/getdata
 будет что-то вроде
 

if($b=(int)$this->getProperty('brand')){
            $c->innerJoin('modTemplateVarResource',  'brand', "brand.contentid = {$this->classKey}.id AND brand.tmplvarid = 13 AND brand.value={$brand}");
        }

$brand — название производителя
 (у меня произодитель в tv с id=13)
 

по цене — процессор web/catalog/products/getdata
 указываешь параметр
 'where'=>['Product.sm_price:<'=>4000]
 или
 'where'=>['Product.sm_price:>'>=4000,'and:Product.sm_price:<'=>7000]
 и т.п. по производителю по tv фильтровать надо — посмотри web/catalog/products/getdata
 будет что-то вроде if($b=(int)$this->getProperty('brand')){
            $c->innerJoin('modTemplateVarResource',  'brand', "brand.contentid = {$this->classKey}.id AND brand.tmplvarid = 13 AND brand.value={$brand}");
        } $brand — название производителя
 (у меня произодитель в tv с id=13)

по цене — процессор web/catalog/products/getdata
 

Упс… ...AND brand.value={$brand}" заменить на ...AND brand.value={$b}"

Упс… ...AND brand.value={$brand}" заменить на ...A

$b — у меня id производителя, но это на вкус

Не пойму почему запросы на добавление товара в корзину в базовом шаблоне и в моем оказались разные
 хотя форма сохранена как в базовом
 

<form action="" method="post">
    <input type="hidden" name="product_id" value="{$object.product_id}"/>
    <input type="hidden" name="action" value="add_product"/>
    <input type="hidden" name="quantity" value="1" />
    <span class="goods_item_title">{$object.pagetitle}</span>
    <span class="goods_item_price">{$object.sm_price|number_format:0:".":" "} <span>руб.</span></span>
    <button class="goods_item_button btn btn-success" type="submit">ЗАКАЗАТЬ!</button>
</form>     



test.ru/assets/components/basket/connectors/connector.php?action=products/add&product_id=20&quantity=1

test.ru/?action=add_product&product_id=16&quantity=1

соответственно ничего не добавляется в корзину

Не пойму почему запросы на добавление товара в корзину в базовом шаблоне и в моем оказались разные
 хотя форма сохранена как в базовом форма <form action="" method="post">
    <input type="hidden" name="product_id" value="{$object.product_id}"/>
    <input type="hidden" name="action" value="add_product"/>
    <input type="hidden" name="quantity" value="1" />
    <span class="goods_item_title">{$object.pagetitle}</span>
    <span class="goods_item_price">{$object.sm_price|number_format:0:".":" "} <span>руб.</span></span>
    <button class="goods_item_button btn btn-success" type="submit">ЗАКАЗАТЬ!</button>
</form> базовый — test.ru/assets/components/basket/connectors/connector.php?action=products/add&product_id=20&quantity=1 мой — test.ru/?action=add_product&product_id=16&quantity=1 соответственно ничего не добавляется в корзину

Не пойму почему запросы на добавление товара в кор

разобрался
 форма должна обязательно быть окружена дивом
 

разобрался
 форма должна обязательно быть окружена дивом <div data-smodx-productcls="listproduct"></div>

разобрался
 форма должна обязательно быть окружена

смотри внимательно оформление в html-верстке. особенно атрибуты class и data-shopmodx… — по ним js привязывается. Я тоже сперва напортачил с этим. У тебя скорее всего не ajax запрос получается, а обычный post — вот и подставляется путь из form action, а не из js.

смотри внимательно оформление в html-верстке. особ

Да, все верно, надо еще передавать GET-параметр с номером страницы.

Да, все верно, надо еще передавать GET-параметр с 

'where'=>['Product.sm_price:>'>=4000,'and:Product.sm_price:<'=>7000]

'where' => ["Product.sm_price between 4000 and 7000"]

'where'=>['Product.sm_price:>'>=4000,'and:Product.sm_price:<'=>7000] Вот так кашерней: 'where' => ["Product.sm_price between 4000 and 7000"]

'where'=>['Product.sm_price:>'>=4000,'and:Product.

Все верно.

Знаю. Вчера на ходу пытался построить запрос — не вышло, а в rtfm рекомендовали двойное условие. Его и написал :)

Знаю. Вчера на ходу пытался построить запрос — не 

Николай приветствую!
 Можно ли где-то помимо демо шаблона почитать про 
 

атрибуты class и data-shopmodx
 

Николай приветствую!
 Можно ли где-то помимо демо шаблона почитать про атрибуты class и data-shopmodx

Николай приветствую!
 Можно ли где-то помимо демо 

Приветствую!
 К сожалению нет. Но этих атрибутов не много и они локальные. Просто смотрите базовые шаблоны.

Приветствую!
 К сожалению нет. Но этих атрибутов н

Шаблон menu.tpl добавляем шаблон для подпунктов и убираем data атрибут для открытие по клику.
 

{block menu_params}
    
    {$params = [
        "parentRowTpl" => '@CODE <li[[+wf.id]] class="dropdown">
            <a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]] class="dropdown-toggle">[[+wf.linktext]] <span class="caret"></span></a>
            [[+wf.wrapper]]
        </li>',
        "rowTpl" =>'@CODE <li class="dropdown">
<a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>
</li>',
        "outerClass" => 'nav navbar-nav',
        "innerClass" => 'dropdown-menu'
    ]}

{/block}


assets/components/modxsite/templates/shopmodx/bundle/styles/styles.css
 Чтобы меню раскрывалось при наведении мыши в конец дописываем
 

Шаблон menu.tpl добавляем шаблон для подпунктов и убираем data атрибут для открытие по клику. {block menu_params}
    
    {$params = [
        "parentRowTpl" => '@CODE <li[[+wf.id]] class="dropdown">
            <a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]] class="dropdown-toggle">[[+wf.linktext]] <span class="caret"></span></a>
            [[+wf.wrapper]]
        </li>',
        "rowTpl" =>'@CODE <li class="dropdown">
<a href="[[+wf.link]]" title="[[+wf.title]]" [[+wf.attributes]]>[[+wf.linktext]]</a>
</li>',
        "outerClass" => 'nav navbar-nav',
        "innerClass" => 'dropdown-menu'
    ]}

{/block} assets/components/modxsite/templates/shopmodx/bundle/styles/styles.css
 Чтобы меню раскрывалось при наведении мыши в конец дописываем .dropdown:hover > .dropdown-menu {
    display: block;
} Дальше сами думайте, по сути это уже допиливание bootstrap ройте в этом направлении, modx тут не причем.

FreeCode.Academy

уроки

Видеоурок Как натянуть верстку на ShopModxBox

Урок по созданию пакетов для MODX Revolution и создание своих репозиториев

Урок по созданию пакетов для MODX Revolution и создание своих репозиториев

Устанавливаем MODX Revolution