Как оставить в каталоге Тильды ровно четыре товара
Число «4» в настройках каталога не всегда означает «покажи всего четыре товара». Часто это размер первой порции: остальные Тильда оставляет за кнопкой «Загрузить ещё». Для большого магазина это удобно, а для блока «Смотрите также» — наоборот. Сначала отделим строгий лимит от обычной дозагрузки, затем выберем вариант без кода или понятную модификацию только для одного блока.
У каталога и блока «Смотрите также» похожая сетка, но разные задачи. В каталоге человек обычно должен добраться до всех товаров. В рекомендациях — увидеть короткий выбор и вернуться к текущему товару. Одна и та же кнопка «Загрузить ещё» в первом случае помогает, а во втором выглядит как случайный хвост магазина.
Короткий ответ
Если можно выбрать для блока отдельную категорию ровно из четырёх товаров, сделайте это в каталоге — код не нужен. Если источник должен быть большим, но на странице требуется жёстко оставить первые четыре карточки, нужна отдельная настройка или модификация выбранного блока. Просто число первой загрузки не всегда задаёт такой предел.
Почему «показать 4» не всегда означает «всего 4»
Каталог получает товары порциями. Тильда рисует первую партию, а если продолжение есть — создаёт кнопку дозагрузки. В её коде это отдельные действия: одна функция собирает кнопку, другая решает, когда её показать или скрыть.
Поэтому настройка «четыре товара» может означать следующее:
- Сразу показать четыре карточки.
- Оставить остальные товары доступными после нажатия.
- Когда следующей партии не осталось, убрать кнопку.
Это разумно для каталога из пятидесяти товаров. Но не выполняет условие «на этой странице всегда только четыре».
Сначала назовите свою задачу
Похожими словами часто называют три разных результата.
| Что нужно посетителю | Правильное решение |
|---|---|
| Увидеть только четыре рекомендации | Строгий лимит, без продолжения |
| Сначала увидеть четыре, затем открыть остальные | Штатная дозагрузка |
| Просмотреть все товары отдельными страницами | Пагинация, а не скрытие кнопки |
Это стоит решить до вставки любого кода. Если убрать кнопку у полноценного каталога, посетитель потеряет доступ к товарам после первой партии. Внешне всё будет аккуратно, а продажи просто исчезнут из нижней части списка.
Когда можно обойтись без модификации
Самый надёжный вариант — ограничить не внешний вид, а источник блока. Создайте отдельную категорию или подборку для рекомендаций и включите в неё только нужные товары. Тогда Тильде нечего дозагружать, поэтому кнопка не понадобится.
Такой способ подходит, если:
- четыре товара выбираются вручную;
- подборка меняется редко;
- порядок карточек важнее автоматического обновления;
- один и тот же набор можно использовать на всех нужных страницах.
Если рекомендации должны вычисляться из большой категории — например, всегда брать первые четыре новинки, — вручную поддерживать отдельную подборку уже неудобно. Здесь и появляется задача для модификации.
Что должна делать модификация
MOD-166 задуман узко: класс ставится на один блок, задаётся предел, и только этот блок перестаёт показывать продолжение. Второй каталог на той же странице остаётся обычным. Сами товары, ссылки, цены и корзину мод не меняет.
Такое ограничение важно. Глобальный код «найди любую кнопку и спрячь» короткий, но опасный: он не отличит рекомендации от основного магазина. В результате владелец поправит один блок, а сломает другой.
MOD-166 уже собран. Класс ставится только на нужный блок, число карточек задаётся параметром, а наблюдатель повторяет ограничение после дозагрузки. На странице мода открыт генератор настроек и два способа установки.
Что подготовить владельцу сайта
Для такой задачи не нужно писать техническое задание на языке разработчика. Достаточно ответить на пять вопросов:
- Как называется блок и на какой странице он стоит?
- Сколько карточек должно остаться: 4, 6 или другое число?
- Это первые товары по текущей сортировке или выбранные вручную?
- Что делать после фильтра: снова оставить максимум четыре результата или показать все найденные?
- На странице есть второй каталог, который менять нельзя?
Эти ответы важнее фразы «уберите кнопку». Они определяют, не потеряются ли товары и не заденет ли изменение соседний блок.
Проверка после публикации
Откройте не предпросмотр, а опубликованную страницу и пройдите короткий список:
- товаров больше лимита — видно ровно заданное число;
- товаров меньше лимита — видны все, пустых карточек нет;
- кнопки продолжения у этого блока нет;
- основной каталог на странице работает как раньше;
- фильтр и поиск не возвращают спрятанную кнопку;
- на телефоне порядок карточек не меняется;
- каждая видимая карточка по-прежнему открывает правильный товар.
Если хотя бы один пункт не выполнен, задача не сводится к одному display: none.
Проблема не в длине кода, а в том, чтобы он управлял только своим блоком и
переживал его штатные обновления.