Самый простой способ размещения товаров — с помощью блоков категории «Магазин». А еще у Тильды есть удобный модуль-надстройка — «Каталог товаров». Как понять, нужен ли вам каталог? Посмотрите, что дает его использование, и ответьте себе, нужны ли вам эти функции.
контроль складских остатков и интеграция с Моим Складом (с 1С пока нет, но обещают);
товары можно будет экспортировать и импортировать с CSV и YML;
каждая из карточек товара индексируется поисковиками;
поиск по товарам, фильтры, разделы (то есть навигация будет лучше, чем мы с вами делали с вкладками меню);
расширенные характеристики и варианты товаров.
Еще один важный момент: в Тильде есть ограничение по количеству страниц на одном домене — 500. С помощью каталога же можно «расширить» это количество до 5000. Именно столько товаров можно добавить в каталог при условии, что им не будет задана отдельная страница. Позже покажем, что мы имеем в виду.
Если вы понимаете, что это то, что нужно — заносите товары в каталог. Мы расскажем, как это сделать:
Берем уже созданный блок с товарами и переходим в меню «Контент»
Перед вами откроется панель управления каталогом:
1 — экспорт, 2 — настройки каталога (здесь можно настроить отображение шапки и подвала в товарах, задать параметры Facebook Feed и Sitemap), 3 — разделы каталога, 4 — фильтры, 5 — добавить товар
Жмем на «Разделы» и добавляем нужные
Вводим название раздела и жмем кнопку «Добавить раздел»
Добавьте все разделы один за другим. В нашем случае это «Горячие напитки», «Кофе в зернах», «Выпечка»
Все разделы появятся в меню «Контент» блоков категории «Магазин». Вы сможете вывести сюда товары из каталога — Все, или отдельный раздел
А в главном меню проекта появится пункт «Товары», в дальнейшем через него можно будет попасть в каталог
Если вы понимаете, что это то, что нужно — заносите товары в каталог. Мы расскажем, как это сделать:
Перейдите в меню «Контент» блока с товарами и нажмите на кнопку «Скопировать товары в каталог»
Успех! Также для быстрой навигации можно отсюда перейти в каталог — нажмите на «Каталог товаров»
Все наши товары добавились в каталог
Посмотрим подробнее, что можно сделать с товаром в его карточке. Нажмите на любой товар:
Заголовок — это то, что будет отображаться в карточке товара на месте заголовка.
Описание — ниже.
Текст — внутри карточки товара (открывается по клику).
Цена — также видна на карточке.
Мы можем здесь загрузить изображения товара
Опускаемся ниже — здесь мы увидим варианты товара.
Например, у нас есть Латте, но он может быть разного объема, на разном молоке. Это — варианты товара.
Каждому из вариантов можно задать свое изображение, артикул, цены и свойства (свойства — это как раз основа для варианта, в нашем случае мы добавили 2 свойства — «Объем» и «Молоко»).
«Количество» — это складские остатки. Если товара у вас ограниченное количество, используйте эту характеристику
Чтобы задать изображение конкретному варианту товара, нажмите на круглую картинку «Фото» и либо отметьте то фото, которое нужно использовать из загруженных в этот товар, либо загрузите новое
В дополнительные опции попадает то, что мы с вами задали до этого в стандартном магазине.
Но в данном случае нам удобнее использовать их как ВАРИАНТЫ ТОВАРА.
Поэтому мы удалим названия и значения, перемещенные из стандартного магазина
А добавим сюда «Добавки». В нашем случае это Корица (добавить 20 рублей к любому варианту) или Амаретто (добавить 60 рублей к любому варианту).
Важно! Добавьте первым вариантом «Без добавок», иначе по умолчанию к товару будет добавляться первая опция:
Без добавок Корица = +20 Амаретто = +60
И далее — каждому товару можно задать разделы, которые мы с вами до этого обозначили. Разделов у одного товара может быть несколько.
По умолчанию каждый товар имеет свой поп-ап. Причем на него можно дать прямую ссылку и он индексируется.
Минусы — там не особо разгуляешься с оформлением и нельзя изменить URL этого поп-апа.
Если вас это устраивает — оставьте поле «Ссылка на страницу» с пустым описанием. Если вы хотите, чтобы у каждого товара была отдельная страница, прочтите инструкцию ниже
Каждому товару можно задать отдельные тексты для отображения в поисковой выдаче (SEO) и в соцсетях (Facebook). Если вы оставите эти поля пустыми, то сюда автоматически будет подгружаться те данные, которые вы ввели в заголовок и описание товара выше.
Видимость — отвечает на видимость товара в каталоге. Нажмите «Черновик», чтобы товар не отображался, или «Опубликовано», чтобы отображался
Если вы хотите, чтобы у каждого товара была отдельная настраиваемая вами страница, Тильда позволяет это сделать. Порядок действий в этом случае будет такой:
— создать страницы для товара; — перейти в карточку товара в каталоге и в пункт «Ссылка на страницу с описанием» поставить ссылку на конкретный товар (или выбрать из списка); — сохранить изменения.
Бывает, что страница с описанием товара находится на другом сайте — в этом случае лучше всего отметить галочку «В новом окне», чтобы пользователь не уходил с распределительной страницы вашего каталога.
Обращаем внимание, что если вы пользуетесь функцией «Своя ссылка на страницу», то вы будете ограничены количеством страниц на один сайт — 500.
Добавим характеристики товаров. Это может быть бренд, производитель или иная характеристика, которую вы бы хотели видеть в фильтрах:
Вы можете задать габариты товара, его вес, а также добавить свои характеристики.
В нашем случае это регион кофе, значение у этого товара — Эфиопия.
После того как мы добавим первый раз эту характеристику, ее можно будет задать и другим товарам (если не задать, то она и не будет у них отображаться)
А теперь настроим фильтры, чтобы у пользователя была возможность фильтровать товары по нужным параметрам. Сохраните и закройте товар и нажмите на пункт меню рядом с оранжевой кнопкой «Добавить товар» — Фильтры:
Жмем «Добавить фильтр»
Выберите из списка доступные — возможно добавить только те типы, которые вы обозначили в товарах
Мы добавили такие фильтры: Цена, Регион, Молоко, Объем.
И отметили галочками, что мы хотим, чтобы показывалось поле для поиска и сортировка
И вот как это выглядит на опубликованной странице
Посмотрите короткое видео, как настроить отображение разделов и фильтров:
Особо тут не разгуляешься: отображать или нет, изменить начертание и размер шрифта (даже выровнять по левому краю разделы не получится). Тильда обещает добавить возможностей для редактирования этого блока, но пока довольствуемся тем, что есть.
Как еще можно использовать Каталог
Каталог товаров можно использовать для повторяющихся элементов сайта. Наполнение может быть весьма неожиданным. Например, тренеры спортивного клуба, или даже статьи. Словом все, что угодно, для чего нужны фильтры.
Помогло? Поделитесь мнением здесь, задайте вопросы в комментариях