так я уже так пробовал. меню закрывается, действия не происходило.

сейчас уже все работает. последние посты мои помогли мне.

Данный компонент делает поля для всех шаблонов? Т.е. разделять по шаблонам нельзя?
К товарам в MS не применимо?

Мне нужно изменить эта маску на формат украинского номера телефона (+3(...)...)
Подскажите, где это редактировать?

В минишопе по умолчанию нет маски на поле телефона. Смотри подключенные js скрипты.

Спасибо, я пробовал через консоль удалить, но у меня возникла проблема, фото не удаляются. в папках остаются фото оригиналов и ресайзы. И вроде 'published' => 0 можно так прописать)

Вот так попробуй.

$products = $modx->getIterator('msProduct', array('published:!=' => 1));
foreach($products as $product){
$product->remove();
}

Ох страшное вы что то напридумали.
У вас проблема в том, что если вы находитесь на одной странице, кликаете на пункт меню, который содержит якорную ссылку на элемент на этой же странице, у вас не закрывается меню?
Почему не написать 3 строчки javascript которые при клике на ссылку в меню, кликнут по крестику закрывающему меню?

Нашел такой кусок. работает во всех браузерах, но не нравится его обьем.

работает:

// Select all links with hashes
$('a[href*="#"]')
  // Remove links that don't actually link to anything
  .not('[href="#"]')
  .not('[href="#0"]')
  .on('click', function(event) {
    // On-page links
    if (
      location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') 
      && 
      location.hostname == this.hostname
    ) {
      // Figure out element to scroll to
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
      // Does a scroll target exist?
      if (target.length) {
        // Only prevent default if animation is actually gonna happen
        event.preventDefault();
        $('html, body').animate({
          scrollTop: target.offset().top
        }, 1000, function() {
          // Callback after animation
          // Must change focus!
          var $target = $(target);
          $target.trigger('focus');
          if ($target.is(":focus")) { // Checking if the target was focused
            return false;
          } else {
            $target.attr('tabindex','-1'); // Adding tabindex for elements not focusable
            $target.trigger('focus'); // Set focus again
          };
        });
      }
    }
  });

Укороченный вариант его, но не работает у меня…

$('a[href*="#"]').on('click', function() {
  $('html, body').animate({
    scrollTop: $($.attr(this, 'href')).offset().top
  }, 400);
  return false;
});

можно компонентом Batcher отметить все неопубликованные и удалить

браузеры оказывается поддерживают плавные скролы. но сафари не поддерживает

а так работает это кусок, кроме сафари:

<a href="site.ru/#steer">Бычок</a>

<style>
html {
  scroll-behavior: smooth; /* свойство scroll-behavior не наследуется, применяется к прокручиваемым блокам */ 
}
</style>

<h2 id="steer">Бычок</h2>

Может кто подскажет, как сделать для всех браузеров?

Может кто подскажет как сделать и плавный скролл сразу к месту якоря?

e.preventDefault();
            var anchor = $(this).attr('href');
            $('html, body').stop().animate({
                scrollTop: $(anchor).offset().top - 60
            }, 800);

и так пробую

$('a').click(function() {
          
            var anchor = $(this).attr('href');
            $('html, body').stop().animate({
                scrollTop: $(anchor).offset().top - 60
            }, 800);
        });

Решено! Короче сам додумался методом тыка. Якори работают, ссылки обычные открывает

<a id="section-posldedstviya"></a><!-- якорь в нужном месте //-->

ссылка в меню

<li><a href="[[~1]]#section-posldedstviya" class="ps-4">Последствия</a></li>

в javascript.js:

$('a').click(function(){
    // Здесь пишем код, который будет закрывать меню
    $(slide_wrp).css({ "right": -$(slide_wrp).outerWidth() + 'px' }); // скрываем меню
    setTimeout(function() {
        $(slide_wrp).removeClass('active'); // remove active class 
    }, 50);
    $(overlay).css({ "opacity": "0", "width": "0" });
})

/* закрытие меню после нажатии на ссылки в меню*/
$('.side-menu-wrapper li a').click(function(e) { //on menu close button click
    e.preventDefault();
    $(slide_wrp).css({ "right": -$(slide_wrp).outerWidth() + 'px' }); // скрываем меню, прячем за область видимости
    setTimeout(function() { 
        $(slide_wrp).removeClass('active'); // remove active class 
    }, 50);
    $(overlay).css({ "opacity": "0", "width": "0" });
});

сделал ссылки так

<a href="[[~26]]#price">прайс</a>

как бы работает, но теперь другая проблема, обычные ссылки

<a href="[[~27]]">контакты </a>

— не кликабельные, а якоря расставлять не хочется для каждой ссылки

Конечно, я это и имел ввиду, SQL базы данных или noSQL или GraphQL.

Не, все сразу. Будет еще улучшение компонента.

Огонь, пасиб!
В будущих версиях стоит в сетку еще и «Вкладку» отображать, чтоб проще фильтровать.

ну в фильтрации может и поможет, но как быть указанием данных, т.е. тут не хватает списков, а это оч печально.

Добрый!

Здравствуйте, спасибо за компонент!
А можете скрин добавить, как заполненные поля и вкладки в админке выглядят? Не в ресурсе/профиле, а именно сам список добавленных полей.

Добрый!
1. Нет лишних запросов в БД.
2. Фильтровать по родному полю быстрее чем по TV.
3. Удобство при создании/обновлении ресурса через API.

С юзерами понятно, я конкретно про ресурс спрашивал.