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

Версия MODX: Revolution

Все привет.
MODX Revolution
Никак не могу создать условие.
Есть магазин в категории два вида вывода товаров в виде списка и в виде таблицы. При переключении в виде списка должен добавляться класс для обертки каталога.
Если при выводе в виде таблицы так

<div class="row no-gutters shop_wrapper " id="mse2_results">

То при переключении на список должно быть так

<div class="row no-gutters shop_wrapper grid_list" id="mse2_results">

Переключение происходит через

">Таблица</a> /
                            				<a href="#" data-tpl="1" class="">Плитка</a>
                            			</div>
                            			`

Помогите составить условие что бы добавлялся класс.

Теги:
условие

Александр
12.03.21 в 21:03

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

Александр 12.03.2021 22:37 #

Смена вида товаров происходит вот так
                            			[-[+tpls:notempty=`
                            			<div id="mse2_tpl" class="span4 col-md-6">
                            				<a data-role="grid_4" href="#" data-tpl="0" class="[-[+tpl0">Таблица</a> /
                            				<a data-role="grid_list" href="#" data-tpl="1" class="[-[+tpl1">Плитка</a>
                            			</div>
                            			`]-]

Алексей Либер 13.03.2021 08:21 #
```
<a href="javascript:$('#mse2_results').addClass('grid_list');">Таблица</a>
<a href="javascript:$('#mse2_results').removeClass('grid_list');">Плитка</a>
```
Только при чем тут MODX?
1. Александр 13.03.2021 08:23 #
  Как сюда данный класс будет подставлен при переключении вида?
  
  <div class="row no-gutters shop_wrapper " id="mse2_results">
  1. Алексей Либер 13.03.2021 08:31 #
    
    Смотрим доку jQuery: addClass — добавляет класс, removeClass — удаляет. Как? Через взаимодействие с DOM)
    1. Александр 13.03.2021 08:32 #
      
      Не хочет добавлять.
      Скину ссылку может что то не так сделал
      https://new.de-arm.ru/sortament/flanczyi/
      1. Алексей Либер 13.03.2021 08:34 #
        
        Ну, все норм, класс добавляется/убирается, в чем проблема?
        
        Александр 13.03.2021 08:39 #
        
        Прошу прощения куда добавляется?
        
        <div class="row no-gutters shop_wrapper grid_4" id="mse2_results">
        
        Здесь вот так прописано сюда ничего не добавляется и не удаляется при переключении.
        
        Алексей Либер 13.03.2021 08:47 #
        
        Я увидел что идет переключение, но не посмотрел каким образом. Уберите id у родителя mse2_tpl и будет вам счастье. И вопрос все же остается: а при чем тут MODX?)
        
        Александр 13.03.2021 08:49 #
        
        Убрал id теперь вообще не работает.
        
        Алексей Либер 13.03.2021 08:53 #
        
        youtu.be/9Jtm47QOVdw
        
        Александр 13.03.2021 08:58 #
        
        Без id у родителя id=«mse2_tpl» вообще ничего не работает в лисе
        В хроме работает только частично. После переключения обратно на плитку ломается.
        
        Алексей Либер 13.03.2021 09:03 #
        
        Ну можете задать id для ссылок, и потом в скрипте задать:
        Таблица
        Плитка
        document.addEventListener('DOMContentLoaded', function(){
        $('#table_view').click(function(e){
        e.preventDefaut;
        $('#mse2_results').addClass('grid_list');
        });
        $('#grid_view').click(function(e){
        e.preventDefaut;
        $('#mse2_results').removeClass('grid_list');
        });
        });
        
        Тогда будет корректно работать и в лисе. Но опять же: вам не на форум MODX, вам знания по JS/Jquery подтянуть нужно.
        Комментарий был изменён 13.03.2021 в 09:08
        
        Александр 13.03.2021 09:08 #
        
        Спасибо за помощь. Вопрос конечно не решен.
        Я думал привязать к [ [ +tpls] ] условие если 1 то добавляет класс если 0 убирает. Но так ничего не получилось.
        
        Алексей Либер 13.03.2021 09:10 #
        
        Можно и через ajax [ [ +tpls ] ] менять. В local.Storage записывать выбранные значения и т.д. Но без знаний js вы далеко не уедете. Почитайте вводную часть, там не так сложно, но в 21 году без базового понимания js точно никуда уже…

Для добавления комментариев вы должны авторизоваться или зарегистрироваться.