Последние темы


tagManager2 + разметка по БЭМ

  • Эта запись удалена!
  • @andchir Нет, там прописан другой селектор, с этим все в порядке, да и работает со стандартным шаблоном tm2_filterTpl, а этот селектор выше находится:
    0_1522083463096_2aca007f-20b9-4b6d-a320-7b3a4b2cf29d-image.png
    0_1522083490303_eace3a09-4caf-4222-95c2-c73d7ee5c194-image.png
    Различие именно в самой разметке tm2_filterTpl - со стандартным работает, со своим, работает только на включение

  • Если дадите ссылку, посмотрю.

  • @andchir Прошу прощения, была ошибка у меня в скрипте, теперь чекбокс работает как нужно. За исключением одного момента. При обновлении страницы мои классы для активного чекбокса, которые проставляет jq, слетают, что и понятно. Но у вас, при стандартном шаблоне, активные чек боксы запоминаются. Вы не подскажете, как можно получить список активных чекбоксов, после обновления страницы? Что бы я смог снова пройтись по ним скриптом и расставить классы, которые отвечают за стиль активных чекбоксов? Пробую вот так, но не работает:

    $(document).ready(function(){
        $('.checkbox__control').each(function(){
    
            if($(this).prop("checked")){
                console.log($(this));
            }
    
        });
    });
    

    То есть при обновлении страницы, мне нужно сохранить класс родителю активного чекбокса
    0_1522146000440_f30682a0-16bf-4bd7-93e4-b313836ff180-image.png

  • Вы не подскажете, как можно получить список активных чекбоксов

    Ну если есть активные чекбоксы, берите эти чекбоксы и ставьте классы где нужно. Возможно, нужно использовать событие не $(document).ready, а $(window).load.

  • @andchir стилизация чекбокса, активного и неактивного происходит через родителя. То есть, я нажал на чекбокс, родитель получил класс .checkbox--checked и визуально стал активным. Когда я обновляю страницу, класс .checkbox--checked пропадает, он ведь нигде не запоминается и его нужно проставить заново, что бы визуально чекбокс был активным. Просто у вас, при стандартном шаблоне, при обновлении страницы все активные чекбокса остаться активными, то есть это где-то запоминается, так вот можно ли как то получать список тех чекбоксов, которые активны?
    Я отправлю ссылку в личное сообщение, что бы было понятно, что я имею ввиду

  • Вы хотя бы как-нибудь пытались получить список активных чекбоксов? Например так:

    $(':checkbox:checked', tmFilters.config.filters_cont).each(...
    
  • Участник @andchir написал в tagManager2 + разметка по БЭМ:

    $(window).load

    Получилось получить чекбоксы, в JQ новых версий события по другому нужно отслеживать, прошу прощения, вот так работает:

    $(window).on('load', function(){
    
        $('input[type=checkbox]').each(function(){
    
            if($(this).prop("checked")){
                console.log("1");
            }
    
        });
    });
    
  • @andchir спасибо за помощь и терпение.
    Вот так вроде бы полностью работает, возможно кому-то пригодится:

    $(window).on('load', function(){
    
        $('.checkbox__control').each(function(){
    
            if($(this).prop("checked")){
                $(this).closest(".checkbox").addClass('checkbox--checked');
            }
    
        });
    });
    
  • Для вывода цифры по каждому фильтру в своем теге использовал вот такую разметку:

     <div class="filter__row">
        <label class="checkbox checkbox--size-l">
            
            <span class="checkbox__box">
                <input type="checkbox" id="[[+name]]__[[+idx]]" name="[[+flt_name]]" value="[[+value]]" class="checkbox__control" />
            </span>
            
        <span class="checkbox__text" for="[[+name]]__[[+idx]]"  role="presentation">[[+value_name]]</span>
        <span class="checkbox__count"></span>
        </label>
        
    </div>
    
    

    Значение записывается в тэг с классом checkbox__count
    Немного переписал filter.js

    /**
         * updateMarkerCount
         *
         */
        updateMarkerCount: function(elem, count){
            
            // var elem_parent = elem.parent();
            var elem_parent = elem.closest(".checkbox");        
            
            if ( tmFilters.config['filters_type'] != 'only_block' ) {
    	    
                if ( elem.is('input:checked') ) {
                    
                    $('.checkbox__count',elem_parent).text("");
                    
                }else{                
    		
    		$('.checkbox__count',elem_parent).text(count);		
    		
                }
            }
            
            if (count == 0) {
                
                elem_parent.addClass('checkbox--disabled');
                if ( tmFilters.config['filters_type'] != 'only_block' ){
                    $('.checkbox__count',elem_parent).text("");
                }
                $('input:checkbox,select',elem_parent).prop('disabled','disabled');
                
            }else{
                
                elem_parent.removeClass('checkbox--disabled');
                $('input:checkbox,select',elem_parent).prop('disabled', false);
                
            }
            
        },
    
    

    Может кому-то будет полезно

 

Последние комментарии

  • Мало информации.
    Вот документация по сниппету getProducts
    https://modx-shopkeeper.ru/docs/shopkeeper-3/snippet-getproducts
    Если ресурс с ID=2 это категория, в которой есть подкатегории, то надо использовать параметр depth.

    Читать далее
  • E

    Пытаюсь вывести товары из категории Товары - ресурсы MODX на демо сайте shk3, стандартный набор параметров цепляет товары только с сетки migx, а с ресурсов не выводит, вставляю такие параметры снипета:

    [[!getProducts? &parents=`2` &limit=`50` &tpl=`product_cart_main` &where=`{"tags:LIKE": "%#новинка#%"}` ]]

    другой снипет нужен?

    Читать далее
  • Я не грубил, а только указал, что вы слишком много хотите. Зачем вы мне предлагаете доступ к админке, чтобы я за вас там всё сделал, а Вы не утруждали себя предоставлением информации? Задавайте конкретный вопрос и ждите ответа. Если вопросов много, то лучше их пронумеровать.

    Если ваш компонент некорректно работает

    Я открыл ваш сайт и первое, что увидел, это JS ошибки, которые не относятся к шопкиперу, а относятся к какому-то слайдеру. То, что у вас локально всё работает, а на сервере не работает для меня эта информация лишняя, она ничего не дает.

    Читать далее
  • W

    Всмысле за меня? Почему вы постоянно грубите? Если ваш компонент некорректно работает, почему я не могу обратиться в поддержку? Форумы постоянно читаю, в том числе этот. Но если сайт компонент работает на одном хостинге но по магическим причинам не работает на другом, когда все остальное работает, что я должен делать?

    Читать далее