Фильтр товаров на странице каталога MODX Revolution часть 2
03
мар
2016
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="[[~[[+id]]]]"> <figure class="product-display"> [[+new]] [[+popular]] [[+favorite]] <img src="[[+thumb:default=`[[++assets_url]]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_url]]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> [[%ms2_frontend_add_to_cart]]</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="[[~[[+id]]]]" 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]] [[%ms2_frontend_currency]]</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="[[%ms2_frontend_favorite]]"></i>--> <!--minishop2_old_price <span class="old_price">[[+old_price]] [[%ms2_frontend_currency]]</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"> [[pdoCrumbs? 41&tplWrapper=`@INLINE <ul>[[+output]]</ul>` 41&tpl=`@INLINE <li class="home"><a href="[[+link]]">[[+menutitle]]</a></li>` 41&outputSeparator=`<span>—›</span>` 41&tplCurrent=`@INLINE <li class="category13"><strong>[[+menutitle]]</strong></li>` 41&tplHome=`@INLINE <li class="home"><a href="/">Главная</a></li>` 41&showHome=`1` ]] </div> </div> </div> <!-- End breadcrumbs --> <!-- Two columns content --> <div class="main-container col2-left-layout"> <div class="main container"> <div class="row"> [[!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` ]] </div> </div> </div> <!-- End Two columns content --> <!-- Footer --> [[$Footer]] <!-- End Footer --> </div> [[$Help]] [[$ScriptTovar]] </body> </html></code>
Смотрите также:
Комментарии ()
Услуги по MODX Revolution
Посмотреть все услуги
Оптимизация сайта
Подробнее & Заказать
Создание сайта на MODX Revolution
Подробнее & Заказать
Перенос сайта на MODX Revolution
Подробнее & Заказать
В компонент добавлен функционал, позволяющий пользователям давать свою оценку чего-либо, а на ее основании строится общи рейтинг, причем рейтинг считается по 2-м алгоритмам: среднее и по Вильсону.
Это по дате публикации. Аналогично делайте по цене.