Этот скрипт скрывает все товары на главной странице и дает на выбор сначала категории и уже при выборе нужных категорий отображает товары. Учитывайте что при этом не будет работать поиск, если товара нет на странице
1. Код добавляется таблицу стилей CSS (TGShop):
/* HideProduct */ .products { display: none; } .control-panel { display: none; } .shop.hide .chips-menu { display: none; } .shop.hide .products { display: grid; } .shop.hide .control-panel { display: flex; } /* Categories */ ul#chips_menu_list { display: grid !important ; grid-template-columns: repeat(4, 1fr); width: 100%; }
2. Код добавляется в раздел /admin - "Сменить дизайн" - вкладка "Код" во второе поле:
<script> function updateCategirya() { var isActive = document.querySelector('.chips-card.active'); if (isActive) { document.querySelector('.shop').classList.add('hide'); } else { document.querySelector('.shop').classList.remove('hide'); } } setInterval(updateCategirya, 100); </script>