OUR COMPANY
1
2
3
4
Фильтр 1 Вариант 1
Фильтр 1 Вариант 2
Фильтр 2 Вариант 1
Фильтр 2 Вариант 2
Как сделать
1. Добавляем меню. Например, МЕ201.
1) Настройки > Поведение позиционирования меню > Статика
2) Добавляем пункты меню (будут названием фильтра). К пунктам добавляем подпункты (будут непосредственно фильтрами).
2. Добавляем блок с табами ME603. Пока оставляем пустым.
3. Создаем Zero-блоки с карточками. Верстаем блоки отдельно под каждый фильтр.
4. В блок с табами МЕ603 вставляем ID Zero-блоков с карточками.
1 таб - 1 фильтр - 1 зироблок.
1) Настройки > Поведение позиционирования меню > Статика
2) Добавляем пункты меню (будут названием фильтра). К пунктам добавляем подпункты (будут непосредственно фильтрами).
2. Добавляем блок с табами ME603. Пока оставляем пустым.
3. Создаем Zero-блоки с карточками. Верстаем блоки отдельно под каждый фильтр.
4. В блок с табами МЕ603 вставляем ID Zero-блоков с карточками.
1 таб - 1 фильтр - 1 зироблок.
5. Расставляем ссылки в подпункты меню.
Ссылки будут формата #!/tab/461230020-1 , #!/tab/461230020-2 и тд, где 461230020 - это ID блока с табами МЕ603, а цифры 1, 2 соответствуют номеру таба.
p/s. Ну или можно на опубликованной странице поочереди прокликать табы, копировать ссылки из URL строки и вставлять их в блок меню.
6. Скрываем отображение табов МЕ603 на странице.
Для этого нужно добавить на страницу код. В коде меняем #rec461230020 на ID вашего блока с табами.
Ссылки будут формата #!/tab/461230020-1 , #!/tab/461230020-2 и тд, где 461230020 - это ID блока с табами МЕ603, а цифры 1, 2 соответствуют номеру таба.
p/s. Ну или можно на опубликованной странице поочереди прокликать табы, копировать ссылки из URL строки и вставлять их в блок меню.
6. Скрываем отображение табов МЕ603 на странице.
Для этого нужно добавить на страницу код. В коде меняем #rec461230020 на ID вашего блока с табами.
<style>
#rec461230020 .t397__tab {
border-bottom: none !important;
cursor: auto !important;
}
#rec461230020 .t397__title {
display: none !important;
}
</style>7. Готово
