Содержание
Чтобы начать работу с карточкой товара в интернет — магазине на Тильда, нужно на главной странице сайта выбрать иконку «Товары»

Добавить описание к товару через вкладку
На странице каталога нажмите на интересующий вас товар левой кнопкой мышки

Перелистываем до раздела «Табы» и нажимаем на стрелочку справа чтобы раскрыть пункт. В раскрывшемся пункте надо нажать на кнопку «Добавить вкладку»

Заполняем пункты 1 — выбираем из списка «Информация», 2 — здесь ваше название таба, 3 — здесь пишем необходимый текст для описания товара, который появится в карточке

Порядок «Табов» или вкладок, регулируется слева путем зажатия левой кнопки мышки и перетаскивания вкладки

Если все заполнили, то вверху нажмите на кнопку «Сохранить и закрыть». Если сейчас перейти в карточку товара на сайте, то можно увидеть внесенные изменения

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

Затем нажмите на дубликат товара и внесите необходимые изменения в карточку товара. Для начала заполните следующие поля: 1 — «Заголовок» это название товара, 2 — «Описание» это текст под изображением товара в каталоге, 3 — «Текст» это текст который будет внутри карточки товара после название, вариаций или дополнительных опций

Листаем ниже, здесь 1 — загрузить новую картинку, при этом первая фотография отображается и в самом каталоге и первой внутри карточки товара, 2 — удалить текущее изображение, 3 — установить цену продажи, однако если вы продаете через дополнительные опции, то цену оставляем пустой, 4 — количество, если не заполнено то количество равно бесконечности, если 0 то нет в продаже, 5 — артикул, если у вас есть номенклатура товаров, то её номер можете написать здесь

Листаем ниже, здесь 1 — вкладка вариаций товара, например вы можете задать продажу товара с различным цветом. И тогда каждый цвет это отдельная вариация товара. Каждый вариант товара добавляет свое отдельное количество в наличии, поэтому будьте внимательны, 2 — в данном примере цена товара не указана, а итоговая сумма набирается из учета дополнительных опций, 3 — кнопка раскрытия вкладки, 4 — название первой опции, 5 — значения первой опции. Заметьте, что каждая опция начинается с новой строки. Разберем значение на примере одной строчки «40 x 60 см (А2) 9900 рублей=+9900» текст до «=+» это название опции для посетителей сайта, все что после этих двух символов это добавление стоимости «9900» к основной цене товара. Так как основная цена 0 рублей, то при выборе данной опции, товар будет стоить 9900 рублей. 6 и 7 — это название и значение второй опции, например 6 = «Ориентация» и 7 = «Альбомная»,»Книжная». Каждая опция пишется с новой строки

Листаем ниже, здесь 1 — удаление товара из текущего каталога (раздела), 2 — в каком каталоге (разделе) находится товар, 3 — кнопка выбора нового раздела, если он добавлен. По умолчанию товар добавляется в выбранный раздел, чтобы удалить старый нужно нажать на кнопку 1
4 — показывает где товар виден на данный момент, 5 — отметки о продаже со скидкой

Листаем ниже, вкладка «Характеристики» здесь 1 — раскрытие вкладки, 2,4,6 — название характеристики, 3,5,7 — выбирается значение. Кнопка «Добавить характеристику» добавляет новое пустое поле для заполнения. Например нужно добавить характеристику «Ориентация — Книжная». Тогда в качестве названия будет «Ориентация», а значение «Книжная».
Данные характеристики выполняют логику фильтрации товаров в каталоге, покупатель может выбрать фильтр товаров с альбомной ориентацией и тогда все товара которые имеют характеристику «Ориентация = альбомная» попадут в выдачу

Листаем ниже, вкладка «SEO» здесь 1 — раскрытие вкладки, 2 — заголовок товара для поисковых систем. Он состоит из основного запроса + название товара, 3 — описание товара для поисковых систем. Состоит из запроса + название товара + дополнительного запроса. 4,5 — несут те же функции, но только для социальных сетей и иногда мессенджеров.

На этом заполнение данных нового товара заканчивается, чтобы сохранить изменения, нажмите вверху кнопку «Сохранить и закрыть». Теперь в каталоге вы увидите новый товар с ваши введенными данными
Изменить порядок товаров в каталоге
Чтобы изменить порядок товаров в каталоге, вам необходимо перейти в «Товары» как делали выше и затем перейти в нужный вам каталог (порядок меняется только внутри конкретного раздела а не «Все»). На изображении ниже мы перешли в каталог «Картины для интерьера». И видим что товар «Снежный заряд» находится на четвертом месте

Слева от товара находится иконка «шесть точек». Наведите курсор и зажмите данную иконку и перетащите товар на первое место в каталоге

После внесения изменений товар окажется на первом месте, чтобы изменения применились, зайдите в любой товар и нажмите кнопку «Сохранить и закрыть» через некоторое время каталог на сайте обновится и для посетителя он станет первым в выдаче.
Хотите создать интернет-магазин
Но не знаете, как это сделать? Tilda — это решение, которое вы ищете!
Я предлагаю создание интернет-магазинов на Tilda. Платформа не только недорогая, но и легко поддерживается. Она идеально подходит для малых и средних по размеру магазинов, которые хотят начать продажи онлайн.
Я имею большой опыт в создании интернет-магазинов на Tilda и готов доработать его, чтобы удовлетворить все потребности. Я предоставляю простые решения, которые помогут вам сделать ваш бизнес более эффективным и успешным.
🎁 При заказе услуги создания интернет-магазина на Tilda я представляю оплату платформы на год в подарок. Это отличная возможность сэкономить деньги и получить больше от вашего бизнеса. 🎁
Оставляйте заявку в мой личный телеграм https://t.me/vbalakin , и я свяжусь с вами, чтобы обсудить детали и начать создание вашего интернет-магазина на Tilda. Доверьте свой бизнес профессионалу и начните свой путь к успеху прямо сейчас
Пишите https://t.me/vbalakin буду рад помочь.
Еще материалы
-
Система выдачи сертификатов и дипломов
Принцип работы автоматизированной выдачи документов Структурно систему можно разделить на 3 части Взаимосвязь между 1 и 3 осуществляется через запросы
-
Акция «3 по цене 2» на Tilda: готовое решение с автоматикой
По умолчанию Tilda не поддерживает акции с зависимостью по количеству — ни «3 по цене 2», ни «купи 6 —
-
Промокод на определенный товар Тильда
Как добавить промокод на тильде на определенный товар, и вообще как сделать промокод. Рассмотрим порядок действий, все хитрости и нюансы
-
Решение 8 Инструкция — Промокод на определенный товар Тильда
Это пошаговая инструкция по установке и настройке 8 решения по промокодам: Шаг 1 Копируем код и устанавливаем в HEAD проекта
-
Сервисы для создания онлайн-школы все нюансы от технического эксперта
Ответы на «как создать онлайн — школу» и «сервисы для создания онлайн-школы» с нуля считаю не раскрытыми. Поэтому в статье есть все что вам нужно для старта своего проекта
-
Система пожертвований для сайта на Тильде
Прежде чем рассмотреть подробно инструкцию использования, сначала посмотрим принцип работы Что такое цель для сбора пожертвований, это по факту обычный

Спасибо! да, приходится решать через css
не плохо это
Как сделать, чтобы вся картинка товара выводилась в карточке, а не обрезалась, или хотя бы выравнивание было по верху
Вопрос конечно интересный, был у меня проект с фотографиями которые должны выводиться в оригинале, без обрезки и искажений. Чтобы наладить отображение вам понадобиться:
1) Настроить параметры блока вывода каталога. Тут есть параметры вывода картинок
2) Если этого недостаточно, то используйте свой собственный CSS код. Его можно встроить в футер карточки товара или в общий CSS
Двух пунктов вам точно хватит, чтобы картинки выглядели хорошо.
Спасибо, очень пригодилось
Годнота, чётко и по делу!
Вот вроде мелочь товары расставить, но пока разберёшься уйму времени потратишь! Помог, благодарю!