Блог Vladislav Land

Модификации каталога товаров на Тильде

Tilda
kody_katalog_tovarov_tilda
В этой статье ты найдешь сборник готовых кодов (модификаций) для каталога товаров (блоки ST300, ST305N, ST310N, ST315N, ST320N, ST330, ST100), а именно: разделы, кнопки на карточках товаров, избранное, текст «Нет в наличии», поиск и календарь на Тильде.
Все коды (модификации), перечисленные в данной статье являются бесплатными. Для того, чтобы использовать их на своих проектах, тебе не нужны знания в коде, поскольку в каждой модификации представлен удобный генератор кода, благодаря которому все работает по принципу копировать-вставить.

Разделы каталога товаров в виде табов

Код позволяет сделать разделы товаров табами и настроить их внешний вид. Работает с блоками: ST300, ST305N, ST310N, ST315N, ST320N, ST330.
Важно!
Обрати внимание, что данный код меняет внешний вид именно разделов каталога. Поэтому чтобы модификация сработала, у тебя должны быть добавлены разделы каталога (во вкладке «товары»):
А также на странице, где расположен каталог и куда устанавливаешь модификацию из генератора, в контенте блока должно быть выбрано «Все товары из каталога»:
Попав на страницу с генератором кода, просто установи необходимые тебе значения (цвет, обводку, шрифт и т. д.), а затем нажми «Копировать код». Скопированный код вставляй на свою страницу (где расположен каталог) в блок T123. Сохраняй и публикуй страницу, — готово ☺️

Кнопки на карточках товаров в каталоге

Базовые настройки блока в Тильде не дают полного контроля над размером кнопок в каталоге.
Данная модификация исправляет это недоразумение. С ее помощь вы сможете настроить ширину, высоту, размер шрифта и внутренние отступы у кнопок в каталоге товаров на Тильде.
Устанавливается аналогично предыдущему коду. Вставляете свои значения в генератор, копируете код и вставляете на страницу с вашим каталогом (в блок T123).

Подсказка о добавлении товаров в избранное

Код для интернет-магазинов на Тильде. С его помощью ты можешь настроить внешний вид подсказки о том, что товар добавлен в избранное.
Важно!
Поскольку в интернет-магазинах страниц с каталогом обычно много, код из генератора рекомендую вставлять в шапку или подвал твоего сайта, чтобы он применился сразу на всех страницах.
Рекомендую использовать данную модификацию вместе со следующей из этой статьи.

Избранное Тильда

Изменить внешний вид подсказки, конечно, круто, но куда важнее оформить список избранных товаров.
Специально для этого существует данный генератор кода.
Полученный код однозначно советую вставлять в шапку / подвал, чтобы он применился сразу на всем сайте.

Нет в наличии Тильда

Этот код позволяет настроить свой текст (любой) и его цвет на карточках товаров в каталоге (для тех товаров, которых нет в наличии).

Поиск товаров Тильда

Поиск в каталоге товаров (в блоках ST300, ST305N, ST310N, ST315N, ST320N, ST330), к сожалению, стандартными способами визуально никак не настроить, его можно только скрыть.

Для того, чтобы настроить внешний вид поиска по каталогу Тильда, существует генератор кода, благодаря которому можно настроить фон поиска, размер, цвет, радиус скругления обводки, цвет иконки лупы.

Календарь для Тильды

Проблема у календаря в Тильде примерно такая же, что и у поиска — стандартными способами никак нельзя изменить его внешний вид.
Поэтому переходи в генератор кода и меняй внешний вид календаря как угодно, подстраивая его под свой дизайн.
Полученный код копируй и вставляй в шапку / подвал сайта (в блок T123), тогда во всех формах на сайте календарь будет такой, как ты настроишь.

Скрываем сумму заказа в корзине Тильда

Код для корзины (блок ST100), который скрывает сумму заказа (внутри самой корзины).

Здесь вам не нужно ничего, кроме как копировать-вставить этот код в блок T123 в шапку / подвал сайта.

Коды для Тильды

Хочешь еще больше крутых бесплатных модификаций для Тильды? Переходи сюда, здесь ты найдешь более 20 уникальных и полезных решений в формате генератора кода, которые помогут тебе прокачать твои проекты на Тильде.
А по хештегу #неМод в моей телеге ты найдешь еще больше крутых кодов для Тильды. Также там я учу дизайнеров искать клиентов и продавать сайты на высокие чеки. Заходи и подписывайся ❤️
Made on
Tilda