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

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

telegram: @Accusser
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 Дополнение Asset Manager MODX Revolution

Asset Manager MODX Revolution

Смотреть

MODX Quickstart Buttons Кнопки Быстрого Запуска MODX Revolution

Quickstart Buttons

Смотреть








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

  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

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