Контактная информация

По всем интересующим вас вопросам связывайтесь при помощи контактной информации приведенной на этой странице!

skype: metsof
email: accusser@gmail.com

В социальных сетях...

Форма обратной связи

Авторизация

Фильтр товаров на странице каталога MODX Revolution

Сайдбар

Фильтр товаров на странице каталога MODX Revolution

01 марта 2016


14 урок по разработке интернет магазина на MODX Revolution

<code>  <div id="mse2_mfilter">
  <section class="col-sm-9 col-sm-push-3">
        <div class="col-main">
          <div class="category-title">
            <h1>[[*longtitle]]</h1>
          </div>
          <div class="category-description std">
            <div class="slider-items-products">
            </div>
          </div>
          <div class="category-products">
            <div class="toolbar">
        <div class="span9 col-md-9">
4141<h3>[[%mse2_filter_total]] <span id="mse2_total">[[+total:default=`0`]]</span></h3>
4141<div class="row">
414141<div id="mse2_sort" class="span5 col-md-5">
41414141[[%mse2_sort]]
41414141<a href="#" data-sort="resource|publishedon" data-dir="[[+mse2_sort:is=`resource|publishedon:desc`:then=`desc`]]" data-default="desc" class="sort">[[%mse2_sort_publishedon]] <span></span></a>
414141</div>
414141[[+tpls:notempty=`
414141<div id="mse2_tpl" class="span4 col-md-4">
41414141<a href="#" data-tpl="0" class="[[+tpl0]]">[[%mse2_chunk_default]]</a> /
41414141<a href="#" data-tpl="1" class="[[+tpl1]]">[[%mse2_chunk_alternate]]</a>
414141</div>
414141`]]
4141</div>
4141<div id="mse2_selected_wrapper">
414141<div id="mse2_selected">[[%mse2_selected]]:
41414141<span></span>
414141</div>
4141</div>
41</div>
              <div class="pager">
              </div>
            </div>
            <ul class="products-grid" id="mse2_results">
41
  [[+results]]
41
4141
        </ul>
        <div class="pagination">
414141<ul class="mse2_pagination">
41414141[[!+page.nav]]
414141</ul>
4141</div>
4141
4141
          </div>
4141  </div>
        </section>
        <aside class="col-left sidebar col-sm-3 col-xs-12 col-sm-pull-9 wow bounceInUp animated">
          <div class="side-nav-categories">
            <div class="block-title"> Разделы </div>
            <div class="box-content box-category">
   [[pdoMenu?
41&parents=`0`
41&tplOuter=`@INLINE <ul id="magicat">[[+wrapper]]</ul>`
41&tpl=`@INLINE  <li class="level0- level0"><a href="[[+link]]" [[+attributes]]><span>[[+menutitle]]</span></a>[[+wrapper]]</li>`
41&resources=`-1`
41&tplParentRow=`@INLINE  <li class="level0- level0 open"><span class="magicat-cat"><a href="[[+link]]"><span>[[+menutitle]]</span></a></span> <ul style="display: none;"> [[+wrapper]]
41</ul> </li>`
41&tplInner=`@INLINE  <li class="level1- level1"> <span>[[+wrapper]]</span></li>`
]]
            </div>
          </div>
          <div class="block block-layered-nav">
            <div class="block-title"></div>
            <div class="block-content">
414141
              <p class="block-subtitle">Shopping Options</p>
              <dl id="narrow-by-list">
            <form action="" method="post" id="mse2_filters">
414141[[+filters]]
414141
414141[[+filters:isnot=``:then=`
41414141<button type="reset" class="btn btn-default">[[%mse2_reset]]</button>
41414141<button type="submit" class="btn btn-success pull-right hidden">[[%mse2_submit]]</button>
41414141<div class="clearfix"></div>
414141`]]
4141</form>
                <dt class="even">Manufacturer</dt>
                <dd class="even">
                  <ol>
                    <li> <a href="#">TheBrand</a> (9) </li>
                    <li> <a href="#">Company</a> (4) </li>
                    <li> <a href="#">LogoFashion</a> (1) </li>
                  </ol>
                </dd>
              </dl>
            </div>
          </div>
          <div class="block block-subscribe">
        <div class="block-title">Подписка</div>
    [[!Sendex?
41&id=`4`
41&tplSubscribeAuth=`Sendex.subscribe.auth`
41&tplSubscribeGuest=`Sendex.subscribe.guest`
]]
      </div>
        </aside>   
            </div></code>

Разработка фильтра товаров на странице каталога с помощью дополнения mSearch2


Оставить отзыв


Смотрите также:

MODX MODX Shopkeeper 3 обновление с shopkeeper 2

MODX Shopkeeper 3

Смотреть

MODX MODX Revo вывод статей на сайте

MODX вывод статей

Смотреть








Комментарии (5)

  1. Nick 01 мая 2016, 17:38(Комментарий был изменён) # 0
    Выложите пожалуйста вызов снипета. Чанк есть это здорово.А вот снипета как раз не хватает.
    1. Nick 09 мая 2016, 23:25 # 0
      Александр. выложите код вызова Пожалуйста mfilter пожалуйста.
      1. Nick 11 мая 2016, 13:33 # 0
        Кому интересно вызовы снипета лежат почему то в следующем уроке в шаблоне страницы.
        1. Nick 11 мая 2016, 13:35 # 0
          Александр а как изменить размер окна в фильтре цены? У Вас трехзначное число и оно спокойно влезает, а четырехзначное уже не влезает и обрезается.
          1. Александр 11 мая 2016, 13:42 # 0
            в файле assets/components/msearch2/css/web/default.css
            .form-group .input-sm {
                display: inline-block;
                width: 50%;
            }
            измените на 60%

          Услуги по MODX Revolution

          Посмотреть все услуги

          Техническая оптимизация сайта

          Подробнее & Заказать

          Создание сайта на MODX Revolution

          Подробнее & Заказать

          Перенос сайта на MODX Revolution

          Подробнее & Заказать

          Продвижение сайта на MODX

          Подробнее & Заказать