15 урок по разработке интернет магазина на MODX Revolution
Реализация фильтра товаров на странице каталога MODX Revo
Для просмотра видео используйте пароль mini2shop
Чанк Products
<code> <li class="item col-lg-4 col-md-3 col-sm-4 col-xs-12 ms2_product"><form method="post" class="ms2_form"> <div class="item-inner"> <div class="product-block"> <div class="product-image"> <a href=""> <figure class="product-display"> [[+new]] [[+popular]] [[+favorite]] <img src="[[+thumb:default=`/assets/components/minishop2/img/web/ms2_small.png&zc=1`]]" class="lazyOwl product-mainpic" alt="[[+pagetitle]]" style="display: block;"> <img class="product-secondpic" alt="[[+pagetitle]]" src="[[+thumb:default=`/assets/components/minishop2/img/web/ms2_small.png`]]"> </figure> </a> </div> <div class="product-meta"> <div class="product-action"> <button class="addcart btn btn-link" type="submit" name="ms2_action" value="cart/add"><i class="icon-shopping-cart"> </i> Добавить в корзину</button> 414141<input type="hidden" name="id" value="[[+id]]"> 414141<input type="hidden" name="count" value="1"> 414141<input type="hidden" name="options" value="[]"> </div> </div> </div> <div class="item-info"> <div class="info-inner"> <div class="item-title"> <a href="" title="[[+pagetitle]]"> [[+pagetitle]]</a> </div> <div class="item-content"> <div class="item-price"> <div class="price-box"> <span class="regular-price" ><span class="price">[[+old_price]] </span> </span> </div> <div class="price-box"> <span class="regular-price" > <span class="price">[[+price]] руб.</span> </span> </div> </div> 414141414141 <div class="rating"> 414141414141 </div> </div> </div> </div> </div></form> </li> <!--minishop2_popular <div class="sale-label sale-top-left">TOP</div>--> <!--minishop2_new <div class="new-label new-top-right">NEW</div>--> <!--minishop2_favorite <i class="glyphicon glyphicon-bookmark" title="Рекомендуем"></i>--> <!--minishop2_old_price <span class="old_price">[[+old_price]] руб.</span>--></code>Шаблон Каталог
<code> <!DOCTYPE html> <html lang="en"> [[!MetaX? &tpl=`HeadTovar`]] <body> <div class="page"> <!-- Header --> [[$Header]] <!-- end nav --> <!-- breadcrumbs --> <div class="breadcrumbs"> <div class="container"> <div class="row"> Array ( [output] => Array ( [showLog] => [fastMode] => [from] => 0 [to] => [customParents] => [limit] => 10 [exclude] => [outputSeparator] => `&lt;span&gt;—›&lt;/span&gt;` 41 [toPlaceholder] => [includeTVs] => [prepareTVs] => 1 [processTVs] => [tvPrefix] => tv. [showUnpublished] => [showDeleted] => [showHidden] => 1 [hideContainers] => [tpl] => `@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41 [tplCurrent] => `@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41 [tplMax] => @INLINE <li class="breadcrumb-item disabled">&nbsp;...&nbsp;</li> [tplHome] => `@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41 [tplWrapper] => `@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41 [wrapIfEmpty] => [showCurrent] => 1 [showHome] => 1 [showAtHome] => 1 [hideSingle] => [direction] => ltr [scheme] => [useWeblinkUrl] => 1 [id] => 1 [type] => document [contentType] => text/html [pagetitle] => Главная [longtitle] => MODX Revolution CMS система управления контентом [description] => MODX Revolution уроки Шаблоны MODX Revolution документация на русском статьи. Установка MODX Revolution и последующая настройка. [alias] => index [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 0 [isfolder] => 0 [introtext] => <h3> Документация MODX Revolution на русском языке поможет вам в освоении данной системы.</h3> <p><h3><i>Мы предоставляем бесплатные шаблоны для веб сайтов на MODX Revolution. Наши шаблоны полностью настроены и готовы к немедленной установке через Управление пакетами.</p> <p>Кроме шаблонов мы подготовили раздел который называется Быстрый старт. Здесь вы сможете найти готовые сайты. Вам всего лишь потребуется скачать и установить к себе на хостинг любой из понравившихся сайтов, что бы получить готовый к работе проект. Вам останется только наполнить его материалами.</i></h3></p> <p>Посмотрите, что мы подготовили для Вас</p> [content] => <p> Если ваш сайт имеет решающее значение для вашего бизнеса, <strong><kbd>MODX</kbd></strong> обеспечит силу и творческую свободу. Свобода для дизайнеров, свобода для авторов контента и свободы для вашего сайта, чтобы расти и изменяться вместе с вашим бизнесом. </p><p> Используя <mark>MODX</mark>, разработчики получат настраиваемое ядро, чтобы реализовать любое требование любого масштаба. Будь то многодоменный сайт, мобильный API, или нечто среднее, <strong><kbd>MODX</kbd></strong> отвечает вашим потребностям сегодня-завтра. </p><p> MODX Revolution (Revo) является простой в использование бесплатной системой управлении контентом (CMS), и платформой приложений в одном лице. </p><p> Несмотря на безграничные возможности, которые дает нам MODX, вы найдете его интуитивно понятным в работе. На каждом шагу, <em>MODX</em> стремится доставить как можно больше творческой свободы в реализации функционала. </p><p> Кроме документации по <strong><kbd>MODX Revolution</kbd></strong> и дополнениям к нему, Вы так же найдете статьи и руководства, которые помогут вам начать работать с MODX быстро и легко. Основные моменты включают: </p><ul class="list-unstyled icon-list arrow-right"> <li><a href="https://www.modx.cc/video-uroki/" rel="nofollow" rel="nofollow"> <h5><i class="fa fa-film"></i> Видео-уроки по MODX Revolution</h5> </a> </li> <li><a href="https://www.modx.cc/templates/" rel="nofollow" rel="nofollow"> <h5><i class="fa fa-desktop"></i> MODX шаблоны</h5> </a> </li> <li><a href="https://www.modx.cc/video-uroki/" rel="nofollow" rel="nofollow"> <h5><i class="fa fa-legal"></i> Создание блога на <em>MODX</em></h5> </a> </li> </ul><p> Если у вас есть вопросы относительно этого сайта, материалов размещенных на нем, или какие либо предложения, пожалуйста, сообщите нам об этом.</p> [richtext] => 1 [template] => 138 [menuindex] => 1 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1339838002 [editedby] => 1 [editedon] => 1626018379 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 0 [publishedby] => 0 [menutitle] => Главная [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 0 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => index [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 1 [properties] => Array ( [autoredirector] => Array ( [old_uri] => index/ ) [ms2gallery] => Array ( [media_source] => 2 ) [supercache] => Array ( [supercache] => 1 ) [seosuite] => Array ( [uri] => index ) ) [link] => [idx] => 1 ) `<span>—›</span>` 41Array ( [showLog] => [fastMode] => [from] => 0 [to] => [customParents] => [limit] => 10 [exclude] => [outputSeparator] => `&lt;span&gt;—›&lt;/span&gt;` 41 [toPlaceholder] => [includeTVs] => [prepareTVs] => 1 [processTVs] => [tvPrefix] => tv. [showUnpublished] => [showDeleted] => [showHidden] => 1 [hideContainers] => [tpl] => `@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41 [tplCurrent] => `@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41 [tplMax] => @INLINE <li class="breadcrumb-item disabled">&nbsp;...&nbsp;</li> [tplHome] => `@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41 [tplWrapper] => `@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41 [wrapIfEmpty] => [showCurrent] => 1 [showHome] => 1 [showAtHome] => 1 [hideSingle] => [direction] => ltr [scheme] => [useWeblinkUrl] => 1 [id] => 615 [type] => document [contentType] => text/html [pagetitle] => Видео уроки [longtitle] => MODX уроки, MODX Revo видео уроки [description] => Видео-уроки по работе с CMF MODX Revolution для новичков. В данных уроках вы узнаете как установить MODX на хостинг, как натянуть шаблон, что такое чанки и для чего они нужны. По мере возможностей раздел будет пополняться. [alias] => video-uroki [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 0 [isfolder] => 1 [introtext] => [content] => <div id="pdopage"> <div class="rows"> [[!pdoPage? &tpl=`video_tpl` &limit=`12`&includeTVs=`image` &ajax=`1` &ajaxMode=`default`]] </div> <div class="clearfix"> </div> <div class="clearfix"> </div> <hr class="vertical-spacer vertical-spacer-lg"> <ul class="pagination-custom list-unstyled list-inline text-center"> [[!+page.nav]] </ul> </div> [richtext] => 0 [template] => 139 [menuindex] => 7 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1389806766 [editedby] => 1 [editedon] => 1640247142 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1389806760 [publishedby] => 1 [menutitle] => Видео уроки [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 0 [class_key] => CollectionContainer [context_key] => web [content_type] => 1 [uri] => video-uroki/ [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 1 [properties] => Array ( [tickets] => Array ( [template] => 55 [uri] => %alias/ [show_in_tree] => [hidemenu] => 0 [disable_jevix] => 1 [process_tags] => ) [ratings] => Array ( [ticket] => 10 [comment] => 1 [view] => 0.1 [vote_ticket] => 1 [star_ticket] => 3 [vote_comment] => 0.2 [star_comment] => 0.6 [min_ticket_create] => [days_ticket_vote] => [min_comment_create] => [days_comment_vote] => ) [autoredirector] => Array ( [old_uri] => video-uroki/ ) [seosuite] => Array ( [uri] => video-uroki ) ) [link] => video-uroki/ [idx] => 2 ) `<span>—›</span>` 41Array ( [showLog] => [fastMode] => [from] => 0 [to] => [customParents] => [limit] => 10 [exclude] => [outputSeparator] => `&lt;span&gt;—›&lt;/span&gt;` 41 [toPlaceholder] => [includeTVs] => [prepareTVs] => 1 [processTVs] => [tvPrefix] => tv. [showUnpublished] => [showDeleted] => [showHidden] => 1 [hideContainers] => [tpl] => `@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41 [tplCurrent] => `@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41 [tplMax] => @INLINE <li class="breadcrumb-item disabled">&nbsp;...&nbsp;</li> [tplHome] => `@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41 [tplWrapper] => `@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41 [wrapIfEmpty] => [showCurrent] => 1 [showHome] => 1 [showAtHome] => 1 [hideSingle] => [direction] => ltr [scheme] => [useWeblinkUrl] => 1 [id] => 1511 [type] => document [contentType] => text/html [pagetitle] => 15 Фильтр товаров MODX Revolution 2 [longtitle] => Фильтр товаров на странице каталога MODX Revolution часть 2 [description] => Фильтр товаров на странице каталога MODX Revolution часть 2 [alias] => 5-filtr-tovarov-modx-revolution-2 [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 615 [isfolder] => 0 [introtext] => [content] => <p><br></p><iframe src="https://www.youtube.com/embed/MJZ8SW1qGoY" allowfullscreen="" width="680" height="420" frameborder="0"></iframe><p>15 урок по разработке интернет магазина на MODX Revolution</p><p>Реализация фильтра товаров на странице каталога MODX Revo</p><p>Для просмотра видео используйте пароль <strong>mini2shop</strong></p><hr class="vertical-spacer vertical-spacer-lg"><h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" rel="nofollow"> Чанк Products </a> </h4><!--/.panel-heading --><pre> &lt;code&gt; &lt;li class="item col-lg-4 col-md-3 col-sm-4 col-xs-12 ms2_product"&gt;&lt;form method="post" class="ms2_form"&gt; &lt;div class="item-inner"&gt; &lt;div class="product-block"&gt; &lt;div class="product-image"&gt; &lt;a href="[[~[[+id]]]]"&gt; &lt;figure class="product-display"&gt; [[+new]] [[+popular]] [[+favorite]] &lt;img src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png&zc=1`]]" class="lazyOwl product-mainpic" alt="[[+pagetitle]]" style="display: block;"&gt; &lt;img class="product-secondpic" alt="[[+pagetitle]]" src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png`]]"&gt; &lt;/figure&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="product-meta"&gt; &lt;div class="product-action"&gt; &lt;button class="addcart btn btn-link" type="submit" name="ms2_action" value="cart/add"&gt;&lt;i class="icon-shopping-cart"&gt; &lt;/i&gt; [[%ms2_frontend_add_to_cart]]&lt;/button&gt; 414141&lt;input type="hidden" name="id" value="[[+id]]"&gt; 414141&lt;input type="hidden" name="count" value="1"&gt; 414141&lt;input type="hidden" name="options" value="[]"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="item-info"&gt; &lt;div class="info-inner"&gt; &lt;div class="item-title"&gt; &lt;a href="[[~[[+id]]]]" title="[[+pagetitle]]"&gt; [[+pagetitle]]&lt;/a&gt; &lt;/div&gt; &lt;div class="item-content"&gt; &lt;div class="item-price"&gt; &lt;div class="price-box"&gt; &lt;span class="regular-price" &gt;&lt;span class="price"&gt;[[+old_price]] &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div class="price-box"&gt; &lt;span class="regular-price" &gt; &lt;span class="price"&gt;[[+price]] [[%ms2_frontend_currency]]&lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; 414141414141 &lt;div class="rating"&gt; 414141414141 &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/form&gt; &lt;/li&gt; &lt;!--minishop2_popular &lt;div class="sale-label sale-top-left"&gt;TOP&lt;/div&gt;--&gt; &lt;!--minishop2_new &lt;div class="new-label new-top-right"&gt;NEW&lt;/div&gt;--&gt; &lt;!--minishop2_favorite &lt;i class="glyphicon glyphicon-bookmark" title="[[%ms2_frontend_favorite]]"&gt;&lt;/i&gt;--&gt; &lt;!--minishop2_old_price &lt;span class="old_price"&gt;[[+old_price]] [[%ms2_frontend_currency]]&lt;/span&gt;--&gt;&lt;/code&gt;</pre><!--/.panel-body --> <!--/.panel-collapse --> <!-- /.panel --><h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" rel="nofollow"> Шаблон Каталог </a> </h4><!--/.panel-heading --><pre>&lt;code&gt; &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; [[!MetaX? &tpl=`HeadTovar`]] &lt;body&gt; &lt;div class="page"&gt; &lt;!-- Header --&gt; [[$Header]] &lt;!-- end nav --&gt; &lt;!-- breadcrumbs --&gt; &lt;div class="breadcrumbs"&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; [[pdoCrumbs? 41&tplWrapper=`@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41&tpl=`@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41&outputSeparator=`&lt;span&gt;—›&lt;/span&gt;` 41&tplCurrent=`@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41&tplHome=`@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41&showHome=`1` ]] &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- End breadcrumbs --&gt; &lt;!-- Two columns content --&gt; &lt;div class="main-container col2-left-layout"&gt; &lt;div class="main container"&gt; &lt;div class="row"&gt; [[!mFilter2? &parents=`[[*id]]` &element=`msProducts` &class=`msProduct` &tpl=`Products` &filters=` ms|price:number, msoption|color:color, msoption|size:size, ms|country:country, tv|rost:rost ` &aliases=` ms|price==price, resource|parent==parent, ` &tplFilter.outer.default=`mFilter2.filter.outer` &tplFilter.row.default=`mFilter2.filter.checkbox` &tplOuter=`mFilter2.outer` &tplFilter.outer.price=`tpl.mFilter2.filter.slider` &tplFilter.row.price=`tpl.mFilter2.filter.number` ]] &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- End Two columns content --&gt; &lt;!-- Footer --&gt; [[$Footer]] &lt;!-- End Footer --&gt; &lt;/div&gt; [[$Help]] [[$ScriptTovar]] &lt;/body&gt; &lt;/html&gt;&lt;/code&gt; </pre><!--/.panel-body --> <!--/.panel-collapse --> <!-- /.panel --><!-- /.panel-group --> [richtext] => 1 [template] => 140 [menuindex] => 47 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1456991820 [editedby] => 1 [editedon] => 1613478007 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1456991820 [publishedby] => 1 [menutitle] => 15 Фильтр товаров MODX Revolution 2 [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 1 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => video-uroki/5-filtr-tovarov-modx-revolution-2/ [uri_override] => 1 [hide_children_in_tree] => 0 [show_in_tree] => 0 [properties] => Array ( [tickets] => Array ( [disable_jevix] => 1 [process_tags] => ) [ms2gallery] => Array ( [media_source] => 2 ) ) [link] => video-uroki/5-filtr-tovarov-modx-revolution-2/ [idx] => 3 ) [crumbs] => Array ( [showLog] => [fastMode] => [from] => 0 [to] => [customParents] => [limit] => 10 [exclude] => [outputSeparator] => `&lt;span&gt;—›&lt;/span&gt;` 41 [toPlaceholder] => [includeTVs] => [prepareTVs] => 1 [processTVs] => [tvPrefix] => tv. [showUnpublished] => [showDeleted] => [showHidden] => 1 [hideContainers] => [tpl] => `@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41 [tplCurrent] => `@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41 [tplMax] => @INLINE <li class="breadcrumb-item disabled">&nbsp;...&nbsp;</li> [tplHome] => `@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41 [tplWrapper] => `@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41 [wrapIfEmpty] => [showCurrent] => 1 [showHome] => 1 [showAtHome] => 1 [hideSingle] => [direction] => ltr [scheme] => [useWeblinkUrl] => 1 [id] => 1 [type] => document [contentType] => text/html [pagetitle] => Главная [longtitle] => MODX Revolution CMS система управления контентом [description] => MODX Revolution уроки Шаблоны MODX Revolution документация на русском статьи. Установка MODX Revolution и последующая настройка. [alias] => index [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 0 [isfolder] => 0 [introtext] => <h3> Документация MODX Revolution на русском языке поможет вам в освоении данной системы.</h3> <p><h3><i>Мы предоставляем бесплатные шаблоны для веб сайтов на MODX Revolution. Наши шаблоны полностью настроены и готовы к немедленной установке через Управление пакетами.</p> <p>Кроме шаблонов мы подготовили раздел который называется Быстрый старт. Здесь вы сможете найти готовые сайты. Вам всего лишь потребуется скачать и установить к себе на хостинг любой из понравившихся сайтов, что бы получить готовый к работе проект. Вам останется только наполнить его материалами.</i></h3></p> <p>Посмотрите, что мы подготовили для Вас</p> [content] => <p> Если ваш сайт имеет решающее значение для вашего бизнеса, <strong><kbd>MODX</kbd></strong> обеспечит силу и творческую свободу. Свобода для дизайнеров, свобода для авторов контента и свободы для вашего сайта, чтобы расти и изменяться вместе с вашим бизнесом. </p><p> Используя <mark>MODX</mark>, разработчики получат настраиваемое ядро, чтобы реализовать любое требование любого масштаба. Будь то многодоменный сайт, мобильный API, или нечто среднее, <strong><kbd>MODX</kbd></strong> отвечает вашим потребностям сегодня-завтра. </p><p> MODX Revolution (Revo) является простой в использование бесплатной системой управлении контентом (CMS), и платформой приложений в одном лице. </p><p> Несмотря на безграничные возможности, которые дает нам MODX, вы найдете его интуитивно понятным в работе. На каждом шагу, <em>MODX</em> стремится доставить как можно больше творческой свободы в реализации функционала. </p><p> Кроме документации по <strong><kbd>MODX Revolution</kbd></strong> и дополнениям к нему, Вы так же найдете статьи и руководства, которые помогут вам начать работать с MODX быстро и легко. Основные моменты включают: </p><ul class="list-unstyled icon-list arrow-right"> <li><a href="https://www.modx.cc/video-uroki/" rel="nofollow" rel="nofollow"> <h5><i class="fa fa-film"></i> Видео-уроки по MODX Revolution</h5> </a> </li> <li><a href="https://www.modx.cc/templates/" rel="nofollow" rel="nofollow"> <h5><i class="fa fa-desktop"></i> MODX шаблоны</h5> </a> </li> <li><a href="https://www.modx.cc/video-uroki/" rel="nofollow" rel="nofollow"> <h5><i class="fa fa-legal"></i> Создание блога на <em>MODX</em></h5> </a> </li> </ul><p> Если у вас есть вопросы относительно этого сайта, материалов размещенных на нем, или какие либо предложения, пожалуйста, сообщите нам об этом.</p> [richtext] => 1 [template] => 138 [menuindex] => 1 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1339838002 [editedby] => 1 [editedon] => 1626018379 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 0 [publishedby] => 0 [menutitle] => Главная [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 0 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => index [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 1 [properties] => Array ( [autoredirector] => Array ( [old_uri] => index/ ) [ms2gallery] => Array ( [media_source] => 2 ) [supercache] => Array ( [supercache] => 1 ) [seosuite] => Array ( [uri] => index ) ) [link] => [idx] => 1 ) `<span>—›</span>` 41Array ( [showLog] => [fastMode] => [from] => 0 [to] => [customParents] => [limit] => 10 [exclude] => [outputSeparator] => `&lt;span&gt;—›&lt;/span&gt;` 41 [toPlaceholder] => [includeTVs] => [prepareTVs] => 1 [processTVs] => [tvPrefix] => tv. [showUnpublished] => [showDeleted] => [showHidden] => 1 [hideContainers] => [tpl] => `@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41 [tplCurrent] => `@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41 [tplMax] => @INLINE <li class="breadcrumb-item disabled">&nbsp;...&nbsp;</li> [tplHome] => `@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41 [tplWrapper] => `@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41 [wrapIfEmpty] => [showCurrent] => 1 [showHome] => 1 [showAtHome] => 1 [hideSingle] => [direction] => ltr [scheme] => [useWeblinkUrl] => 1 [id] => 615 [type] => document [contentType] => text/html [pagetitle] => Видео уроки [longtitle] => MODX уроки, MODX Revo видео уроки [description] => Видео-уроки по работе с CMF MODX Revolution для новичков. В данных уроках вы узнаете как установить MODX на хостинг, как натянуть шаблон, что такое чанки и для чего они нужны. По мере возможностей раздел будет пополняться. [alias] => video-uroki [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 0 [isfolder] => 1 [introtext] => [content] => <div id="pdopage"> <div class="rows"> [[!pdoPage? &tpl=`video_tpl` &limit=`12`&includeTVs=`image` &ajax=`1` &ajaxMode=`default`]] </div> <div class="clearfix"> </div> <div class="clearfix"> </div> <hr class="vertical-spacer vertical-spacer-lg"> <ul class="pagination-custom list-unstyled list-inline text-center"> [[!+page.nav]] </ul> </div> [richtext] => 0 [template] => 139 [menuindex] => 7 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1389806766 [editedby] => 1 [editedon] => 1640247142 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1389806760 [publishedby] => 1 [menutitle] => Видео уроки [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 0 [class_key] => CollectionContainer [context_key] => web [content_type] => 1 [uri] => video-uroki/ [uri_override] => 0 [hide_children_in_tree] => 0 [show_in_tree] => 1 [properties] => Array ( [tickets] => Array ( [template] => 55 [uri] => %alias/ [show_in_tree] => [hidemenu] => 0 [disable_jevix] => 1 [process_tags] => ) [ratings] => Array ( [ticket] => 10 [comment] => 1 [view] => 0.1 [vote_ticket] => 1 [star_ticket] => 3 [vote_comment] => 0.2 [star_comment] => 0.6 [min_ticket_create] => [days_ticket_vote] => [min_comment_create] => [days_comment_vote] => ) [autoredirector] => Array ( [old_uri] => video-uroki/ ) [seosuite] => Array ( [uri] => video-uroki ) ) [link] => video-uroki/ [idx] => 2 ) `<span>—›</span>` 41Array ( [showLog] => [fastMode] => [from] => 0 [to] => [customParents] => [limit] => 10 [exclude] => [outputSeparator] => `&lt;span&gt;—›&lt;/span&gt;` 41 [toPlaceholder] => [includeTVs] => [prepareTVs] => 1 [processTVs] => [tvPrefix] => tv. [showUnpublished] => [showDeleted] => [showHidden] => 1 [hideContainers] => [tpl] => `@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41 [tplCurrent] => `@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41 [tplMax] => @INLINE <li class="breadcrumb-item disabled">&nbsp;...&nbsp;</li> [tplHome] => `@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41 [tplWrapper] => `@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41 [wrapIfEmpty] => [showCurrent] => 1 [showHome] => 1 [showAtHome] => 1 [hideSingle] => [direction] => ltr [scheme] => [useWeblinkUrl] => 1 [id] => 1511 [type] => document [contentType] => text/html [pagetitle] => 15 Фильтр товаров MODX Revolution 2 [longtitle] => Фильтр товаров на странице каталога MODX Revolution часть 2 [description] => Фильтр товаров на странице каталога MODX Revolution часть 2 [alias] => 5-filtr-tovarov-modx-revolution-2 [alias_visible] => 1 [link_attributes] => [published] => 1 [pub_date] => 0 [unpub_date] => 0 [parent] => 615 [isfolder] => 0 [introtext] => [content] => <p><br></p><iframe src="https://www.youtube.com/embed/MJZ8SW1qGoY" allowfullscreen="" width="680" height="420" frameborder="0"></iframe><p>15 урок по разработке интернет магазина на MODX Revolution</p><p>Реализация фильтра товаров на странице каталога MODX Revo</p><p>Для просмотра видео используйте пароль <strong>mini2shop</strong></p><hr class="vertical-spacer vertical-spacer-lg"><h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" rel="nofollow"> Чанк Products </a> </h4><!--/.panel-heading --><pre> &lt;code&gt; &lt;li class="item col-lg-4 col-md-3 col-sm-4 col-xs-12 ms2_product"&gt;&lt;form method="post" class="ms2_form"&gt; &lt;div class="item-inner"&gt; &lt;div class="product-block"&gt; &lt;div class="product-image"&gt; &lt;a href="[[~[[+id]]]]"&gt; &lt;figure class="product-display"&gt; [[+new]] [[+popular]] [[+favorite]] &lt;img src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png&zc=1`]]" class="lazyOwl product-mainpic" alt="[[+pagetitle]]" style="display: block;"&gt; &lt;img class="product-secondpic" alt="[[+pagetitle]]" src="[[+thumb:default=`[[++assets_url]]components/minishop2/img/web/ms2_small.png`]]"&gt; &lt;/figure&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="product-meta"&gt; &lt;div class="product-action"&gt; &lt;button class="addcart btn btn-link" type="submit" name="ms2_action" value="cart/add"&gt;&lt;i class="icon-shopping-cart"&gt; &lt;/i&gt; [[%ms2_frontend_add_to_cart]]&lt;/button&gt; 414141&lt;input type="hidden" name="id" value="[[+id]]"&gt; 414141&lt;input type="hidden" name="count" value="1"&gt; 414141&lt;input type="hidden" name="options" value="[]"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="item-info"&gt; &lt;div class="info-inner"&gt; &lt;div class="item-title"&gt; &lt;a href="[[~[[+id]]]]" title="[[+pagetitle]]"&gt; [[+pagetitle]]&lt;/a&gt; &lt;/div&gt; &lt;div class="item-content"&gt; &lt;div class="item-price"&gt; &lt;div class="price-box"&gt; &lt;span class="regular-price" &gt;&lt;span class="price"&gt;[[+old_price]] &lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;div class="price-box"&gt; &lt;span class="regular-price" &gt; &lt;span class="price"&gt;[[+price]] [[%ms2_frontend_currency]]&lt;/span&gt; &lt;/span&gt; &lt;/div&gt; &lt;/div&gt; 414141414141 &lt;div class="rating"&gt; 414141414141 &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/form&gt; &lt;/li&gt; &lt;!--minishop2_popular &lt;div class="sale-label sale-top-left"&gt;TOP&lt;/div&gt;--&gt; &lt;!--minishop2_new &lt;div class="new-label new-top-right"&gt;NEW&lt;/div&gt;--&gt; &lt;!--minishop2_favorite &lt;i class="glyphicon glyphicon-bookmark" title="[[%ms2_frontend_favorite]]"&gt;&lt;/i&gt;--&gt; &lt;!--minishop2_old_price &lt;span class="old_price"&gt;[[+old_price]] [[%ms2_frontend_currency]]&lt;/span&gt;--&gt;&lt;/code&gt;</pre><!--/.panel-body --> <!--/.panel-collapse --> <!-- /.panel --><h4 class="panel-title"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" rel="nofollow"> Шаблон Каталог </a> </h4><!--/.panel-heading --><pre>&lt;code&gt; &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; [[!MetaX? &tpl=`HeadTovar`]] &lt;body&gt; &lt;div class="page"&gt; &lt;!-- Header --&gt; [[$Header]] &lt;!-- end nav --&gt; &lt;!-- breadcrumbs --&gt; &lt;div class="breadcrumbs"&gt; &lt;div class="container"&gt; &lt;div class="row"&gt; [[pdoCrumbs? 41&tplWrapper=`@INLINE &lt;ul&gt;[[+output]]&lt;/ul&gt;` 41&tpl=`@INLINE &lt;li class="home"&gt;&lt;a href="[[+link]]"&gt;[[+menutitle]]&lt;/a&gt;&lt;/li&gt;` 41&outputSeparator=`&lt;span&gt;—›&lt;/span&gt;` 41&tplCurrent=`@INLINE &lt;li class="category13"&gt;&lt;strong&gt;[[+menutitle]]&lt;/strong&gt;&lt;/li&gt;` 41&tplHome=`@INLINE &lt;li class="home"&gt;&lt;a href="/"&gt;Главная&lt;/a&gt;&lt;/li&gt;` 41&showHome=`1` ]] &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- End breadcrumbs --&gt; &lt;!-- Two columns content --&gt; &lt;div class="main-container col2-left-layout"&gt; &lt;div class="main container"&gt; &lt;div class="row"&gt; [[!mFilter2? &parents=`[[*id]]` &element=`msProducts` &class=`msProduct` &tpl=`Products` &filters=` ms|price:number, msoption|color:color, msoption|size:size, ms|country:country, tv|rost:rost ` &aliases=` ms|price==price, resource|parent==parent, ` &tplFilter.outer.default=`mFilter2.filter.outer` &tplFilter.row.default=`mFilter2.filter.checkbox` &tplOuter=`mFilter2.outer` &tplFilter.outer.price=`tpl.mFilter2.filter.slider` &tplFilter.row.price=`tpl.mFilter2.filter.number` ]] &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- End Two columns content --&gt; &lt;!-- Footer --&gt; [[$Footer]] &lt;!-- End Footer --&gt; &lt;/div&gt; [[$Help]] [[$ScriptTovar]] &lt;/body&gt; &lt;/html&gt;&lt;/code&gt; </pre><!--/.panel-body --> <!--/.panel-collapse --> <!-- /.panel --><!-- /.panel-group --> [richtext] => 1 [template] => 140 [menuindex] => 47 [searchable] => 1 [cacheable] => 1 [createdby] => 1 [createdon] => 1456991820 [editedby] => 1 [editedon] => 1613478007 [deleted] => 0 [deletedon] => 0 [deletedby] => 0 [publishedon] => 1456991820 [publishedby] => 1 [menutitle] => 15 Фильтр товаров MODX Revolution 2 [donthit] => 0 [privateweb] => 0 [privatemgr] => 0 [content_dispo] => 0 [hidemenu] => 1 [class_key] => modDocument [context_key] => web [content_type] => 1 [uri] => video-uroki/5-filtr-tovarov-modx-revolution-2/ [uri_override] => 1 [hide_children_in_tree] => 0 [show_in_tree] => 0 [properties] => Array ( [tickets] => Array ( [disable_jevix] => 1 [process_tags] => ) [ms2gallery] => Array ( [media_source] => 2 ) ) [link] => video-uroki/5-filtr-tovarov-modx-revolution-2/ [idx] => 3 ) ) </div> </div> </div> <!-- End breadcrumbs --> <!-- Two columns content --> <div class="main-container col2-left-layout"> <div class="main container"> <div class="row"> [[!mFilter2? &parents=`1511` &element=`msProducts` &class=`msProduct` &tpl=`Products` &filters=` ms|price:number, msoption|color:color, msoption|size:size, ms|country:country, tv|rost:rost ` &aliases=` ms|price==price, resource|parent==parent, ` &tplFilter.outer.default=`mFilter2.filter.outer` &tplFilter.row.default=`mFilter2.filter.checkbox` &tplOuter=`mFilter2.outer` &tplFilter.outer.price=`tpl.mFilter2.filter.slider` &tplFilter.row.price=`tpl.mFilter2.filter.number` ]] </div> </div> </div> <!-- End Two columns content --> <!-- Footer --> [[$Footer]] <!-- End Footer --> </div> [[$Help]] [[$ScriptTovar]] </body> </html></code>
Смотрите также:
Услуги по MODX Revolution
Посмотреть все услуги
Оптимизация сайта
Заказав услуги по технической оптимизации сайта мы избавим вас от ошибок присутствующих на сайте, а так же увеличим скорость работы вашего сайта.
Создание сайта на MODX
Мы создадим для вас такой сайт, который подойдет именно в вашем случае и станет отличным инструментом привлечения клиентов и увеличения продаж.
Перенос сайта на MODX
Работа по переносу сайта на MODX осуществляется в максимально короткие сроки. Стоимость зависит от сложности переносимого сайта
Продвижение сайта на MODX
Если вы хотите получить быстрые и ощутимые результаты, подняться в топ в минимальные сроки, то доверьте нам продвижение своего сайта.
