Три вида вывода списка товаров в категории

Добрый день!

Есть три варианта отображения категории товара.
(Обновляется динамически, как и по умолчанию в стандартной версии miniShop2+mSearch2)
Тема Bootstrap.

Два из них – Две колонки (ширина 9 [col-md-9] / ширина 3 [col-md-3])
В ширине 9 – Вид списком либо вид Сеткой,
В ширине 3 – доп.информация.
С этим трудностей не возникло.

Третий вариант на полную ширину (на 12 [col-md-12]) вид Таблицей.

Вопрос: Как без обновления страницы убирать колонку с Оп.Информацией и Ширину 9 [col-md-9] соответственно превращать в ширину 12[col-md-12]?

Вообще, было бы здорово использовать два &tplOuter (Один под первые два вида, второй – под третий)
[[!mFilter2?
	&limit=`10`
	&element=`msProducts`
	&filters=`
		parent:categories,
		ms|tmark:default,
		ms|type1:default,
		ms|color1:default
		`
	&tpls=`tpl.msProducts.row,tpl.msProducts.row2,tpl.msProducts.row3`
	&class=`msProduct`
	&tplOuter=`tpl.mFilter2.outer.2`
]]
Может плохо описал, не понятно. Но постарался подробно изложить ситуацию.
Klike
Klike
17 февраля 2015, 13:52
modx.pro
1
2 659
0

Комментарии: 8

Klike
Klike
18 февраля 2015, 09:44
0
Или может как-то по-другому вызывать? Кто-нибудь может подскажет, хоть в какую сторону копать?)
    Сергей Шлоков
    Сергей Шлоков
    18 февраля 2015, 10:35
    0
    Да прибудет с тобой javascript.
      Klike
      Klike
      18 февраля 2015, 10:38
      0
      ))) Благодарю за полезный совет!
        Сергей Шлоков
        Сергей Шлоков
        18 февраля 2015, 10:56
        +1
        А если подключен jQuery, то ваааааааще все просто
        $(element).removeClass('col-md-9').addClass('col-md-12')
        где element — это скрываемая колонка.
          Klike
          Klike
          18 февраля 2015, 11:17
          0
          Да, jQuery подключен, ещё раз за совет.
          А как обернуть блок со списком товаров в такой код? 

          <table class="table table-bordered">
	<thead>
         	<tr class="gray">
               		<th class="text-center">Артикул</th>
               		<th class="text-center"></th>
               		<th class="text-center"><span class="text-danger">Опт</span></th>
               		<th class="text-center">Розница</th>
               		<th class="text-center">Количество</th>
               		<th class="text-center">Корзина</th>
        	</tr>
        </thead>
	<tbody>
        	[[+results]]
	</tbody>
</table>
          Где [[+results]] – строки товара из чанка tpl.msProducts.row3
            Сергей Шлоков
            Сергей Шлоков
            18 февраля 2015, 12:26
            0
            У меня нет такого чанка, так как не стоит miniShop, поэтому точно не скажу. Ну по логике, должны быть и в нем 6 .
              Klike
              Klike
              18 февраля 2015, 13:59
              0
              да дело не в чанке же)) Мне интересно, как обернуть этот чанк в такую форму, скажем, шапку таблицы добавить и после списка товаров закрыть тег таблицы
                Klike
                Klike
                19 февраля 2015, 14:26
                0
                как обернуть попытаюсь разобраться, а вот как проверять условия в jQuery… не силён в нём, к сожалению. 

                <a href="#" data-tpl="2" class=" left0" alt="Альтернативный вид"></a>
                Такой код, проверка заключается в следующем: если data-tpl=«2», то 
                $(element).removeClass('col-md-9').addClass('col-md-12')
                И соответственно код, который обернёт строки таблицы в саму таблицу))
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      8