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

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

skype: metsof
email: accusser@gmail.com

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

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

Авторизация

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

Сайдбар

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

03 марта 2016


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

Реализация фильтра товаров на странице каталога MODX Revo

Для просмотра видео используйте пароль mini2shop


                      
<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 MODX Shopkeeper 3 обновление с shopkeeper 2

MODX Shopkeeper 3

Смотреть

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

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

Смотреть








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

  1. Дмитрий 08 марта 2016, 07:06 # 0
    К вопросу о рейтингах: я ставлю 5 звезд, на товаре появляются только две. то есть один хороший отзыв превращается в один плохой(вникать покупатель не будет — увидит две звезды — сделает выводы..))
    1. Александр 08 марта 2016, 09:55 # 0
      Так работает рейтинг.
      В компонент добавлен функционал, позволяющий пользователям давать свою оценку чего-либо, а на ее основании строится общи рейтинг, причем рейтинг считается по 2-м алгоритмам: среднее и по Вильсону.
    2. Дмитрий 08 марта 2016, 07:20 # 0
      Кроме того, количество отзывов не изменяется
      1. Александр 08 марта 2016, 09:56 # 0
        Некешированным вызывайте.
      2. Nick 11 мая 2016, 15:55 # 0
        А как делать сортировку по цене и наименованию?
        1. Александр 11 мая 2016, 18:12 # 0
          Чанк обертка сниппета mFilter в нем найдете параметры для сортировки.
        2. Nick 12 мая 2016, 15:51 # 0
          Вы не поняли. Не фильтр по цене. А сортировку как в шаблоне. от большего к меньшему или наоборот.
          1. Александр 12 мая 2016, 18:28 # 0
            Я и сортировке написал.
            <div id="mse2_sort" class="span5 col-md-5">
            				[[%mse2_sort]]
            				<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>
            			</div>
            Это по дате публикации. Аналогично делайте по цене.

          Услуги по MODX Revolution

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

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

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

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

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

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

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

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

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

          Скидка 30%

          Уважаемые пользователи сайта!

          C 1 марта по 10 марта скидка 30% на все готовые сайты!
          Перейти к просмотру »