Алексей Носкович

Благодарю за ответы. Пойдем простым путем, не думаю, что это сильно напряжет заказчика, тем более, что ему виднее, какой товар у него «самый продаваемый».
Спасибо.?

Всем привет. решил задачу иначе:
У блока с мини-корзиной есть класс ".full". Навесил на него то же событие (отправка запроса на выборку товаров по ajax). Если кому-то интересно, то ниже приложил код:

<script>
  (function(){
    //Сохраняем ссылку на стандартный метод jQuery
    var originalAddClassMethod = jQuery.fn.addClass;
    //Переопределяем
    $.fn.addClass = function(){
        var result = originalAddClassMethod.apply(this, arguments);
        //Инициализируем событие смены класса
        $(this).trigger('cssClassChanged');
        return result;
    }
})();

$(function(){
    $(".full").bind('cssClassChanged', function(){ 
        e.preventDefault();
	$.ajax({  
	  type: "POST",  
	  url: '[[~1234]]', 
	  data: {parent: '[[*id]]'},
	  success:  function(data) { 
		if (data){
		  $('span.ajax-data').html(data);
		}else{
		  miniShop2.Message.error('Что-то пошло не так, попробуйте позже!');
		}
	  } 
	}); 
    });
});
</script>
Всем спасибо!

Уважаемые коллеги, да Вы правы, шаблон взят с themeforest.net. И по сути логику его работы переписывать бы не хотелось. Мне тоже не понятен этот подход из двух блоков, но да и черт с ним. И подгрузка товаров в мобильной версии по клику в области этой корзины — не моя прихоть, это как раз та загвоздка с которой я борюсь. Я даже пытался просто сделать невидимый блок, обрамляющий иконку корзины и навесить на него событие, но почему-то она как-будто ниже всех слоев оказывается и вытащить ее выше у меня не получается, хотя если вывесить событие на соседний элемент, например на иконку аккаунта, то все работает. Вот в этом то и затык. А шаблон — дык выбирает заказчик… его дивизию…

Спасибо, попробовал, не получилось. Буду думать как обыграть…

Да. Вы правы. Все решилось переустановкой этого дополнения.

[РЕШЕНО]
{$product.options.size}

Понял. Хорошо. Ну тогда, удачи! Расти. Еще раз спасибо

Артур спасибо большое! Работает. И вообще, всем спасибо! Народ, вы меня простите, зануду, я бы хотел еще спросить: не могли бы вы подсказать какой-нибудь курс или книгу по Javascript, ну так чтобы реально «вставило»?!

Вообще код, который добавляет этот класс, выглядет так:

(function () {
  'use strict'

  // Получите все формы, к которым мы хотим применить пользовательские стили проверки Bootstrap
  var forms = document.querySelectorAll('.needs-validation')

  // Зацикливайтесь на них и предотвращайте отправку
  Array.prototype.slice.call(forms)
    .forEach(function (form) {
      form.addEventListener('submit', function (event) {
        if (!form.checkValidity()) {
          event.preventDefault()
          event.stopPropagation()
        }

        form.classList.add('was-validated')
      }, false)
    })
})()

Может на его основе как то изменить функцию?

Пробывал. К сожалению не срабатывает.

Решил задачу по-другому:
Вызываю сниппет опций:

[[msOption? &options=`color` tpl=`button.tpl`]]

а в button.tpl:

{if option}
код кнопки для вызова списка опций товара
{else}
код кнопки -> положить в корзину
{/if}

Все отлично работает. Спасибо за помощь! Может кому-то пригодится.

Ребята удалите все виджеты, которые дополнительно ставили. Возможно у кого-то стоит виджет updatemodx? Удалите его. Мне помогло, заработала админка друзья

привет всем. У меня таже беда…

Господа приветствую. Решил задачу так:

[[pdoNeighbors?
	&tplPrev=`@INLINE <div class="product-btn product-prev"><a href="[[+link]]"><b data-translate="products.product.product_prev">Предыдущий товар</b><span class="product-btn-icon"></span></a><div class="wrapper-short"><div class="product-short"><div class="product-short-image"><a href="[[+link]]" class="product-thumb"><img width="200" height="230" src="[[msProducts:default=`[[#[[+id]].thumb]]`]]" class="attachment-shop_thumbnail size-shop_thumbnail" alt=""></a></div><div class="product-short-description"><a href="[[+link]]" class="product-title"><span class="lang1">[[+menutitle]]</span></a><div class="price"><span class="money">[[msProducts:default=`[[#[[+id]].price]]`]] ₽</span></div></div></div></div></div>`
	&tplUp=`@INLINE <a href="javascript:SW.page.backHistory()" class="woodmart-back-btn woodmart-css-tooltip woodmart-tltp"><span class="woodmart-tooltip-label" style="margin-left: -62px;" data-translate="products.product.product_toback">Вернуться к предыдущему товару</span><span data-translate="products.product.product_toback">Вернуться к предыдущему товару</span></a>`
	&tplNext=`@INLINE <div class="product-btn product-next"><a href="[[+link]]"><b data-translate="products.product.product_next">Следующий товар</b><span class="product-btn-icon"></span></a><div class="wrapper-short"><div class="product-short"><div class="product-short-image"><a href="[[+link]]" class="product-thumb"><img width="200" height="230" src="[[msProducts:default=`[[#[[+id]].thumb]]`]]" class="attachment-shop_thumbnail size-shop_thumbnail" alt=""></a></div><div class="product-short-description"><a href="[[+link]]" class="product-title"><span class="lang1">[[+menutitle]]</span></a><span class="price"><span class="money">[[msProducts:default=`[[#[[+id]].price]]`]] ₽</span></span></div></div></div></div>`
	&tplWrapper=`@INLINE <div class="neighbors d-flex justify-content-between">[[+prev]][[+up]][[+next]]</div>`
]]

Усе работает!

Роман! Благодарю Вас! Заработало!
Низкий поклон…

Здравствуйте. Спасибо за помощь, однако не совсем то, что я хотел. Скорее всего, я не правильно сформулировал задачу. Если не трудно, посмотрите на эту ortokomi.com/akczii.html страницу. Там идут товары, а сверху ссылки с названием категорий и некоторые из них повторяются, так как на страницу вытянуты товары из одной категории. А вот полный код:

<section class="page-section">
  <div class="container align-center">
    <h3 class="section-title bottom-line font-alt">Акционные товары<span></span></h3>
    <div class="col-md-10 col-md-offset-1 mb-20">
      <p>Мы переодически проводим акционные скидки на товары. Здесь Вы сможете выбрать акционный товар из каталога.</p>
    </div>
    <div class="row">
      <div class="work-filter font-alt">
        <a href="javascript:void()" class="filter active" data-filter="*">ВСЕ</a>
        [[pdoResources?
          &tpl=`@INLINE <div class="img-line"><img src="/assets/templates/Relish/images/lines/line.png" width="26" height="9" alt></div><a href="#" class="filter" data-filter=".[[#[[+parent]].id]]">[[#[[+parent]].pagetitle]]</a>`
          &limit=`12`
          &parents=`10`
          &includeContent=`1`
          &includeTVs=`akciya`                    
          &tvFilters=`akciya==1`
          
        ]]
      </div>
      <div class="sep-lane mt-50 mb-50"><span><img src="/assets/templates/Relish/images/lines/line.png" width="37" height="13" alt=""></span></div>
      <ul id="filter-grid">
        [[msProducts?
          &tpl=`AkciyaItem.tpl`
          &limit=`12`
          &parents=`10`
          &includeContent=`1`
          &includeTVs=`akciya`                    
          &tvFilters=`akciya==1`
        ]]
      </ul>
    </div>
  </div>
</section>

Думаю так будет понятнее.
Т.е. вверху у меня выводятся ссылки по условию, а внизу товары по тому же условию, но необходимо как-то изхитриться, чтобы ссылки не задваивались и не затраивались и т.п.
Спасибо Вам за помощь!