Loading...
О НАС
КЛИЕНТАМ
ПАРТНЁРАМ
СЛЕДИТЕ ЗА НАМИ
ОТВЕТИМ НА ВОПРОСЫ
В ЧАТ-БОТЕ:
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа
Блог
Шаблоны
NLM151 • ВРЕМЯ НАСТРОЙКИ: 5 МИНУТ

КАК СДЕЛАТЬ стандартный каталог товаров в зеро блоке?

Модификация позволяет сделать индивидуальный дизайн стандартного каталога товаров в Зеро блоке. Нарисуй одну карточку и расположи в нужных местах элементы: кнопки, избранное, изображение, остатки, название и цены.
1. Прежде чем приступить к настройке данной модификации необходимо в первую очередь добавить товары, которые планируешь отобразить в данном блоке, в каталог Тильды. Далее в Зеро блоке сверстай ваш дизайн-макет карточки. Учитывая сетку расположения карточек товаров в блоке: от 1 до 4 в ряд, на выбор.

Важно! При подключении данной модификации карточки товаров «растягиваются» по сетке в 12ть колонок, если в генераторе кода выбрать вариант отображения трех карточек в ряд, то их ширина увеличится, пожалуйста, учитывайте это для того, чтобы получить ожидаемый результат.


2. Далее в генераторе заполняешь следующие поля:
  • «id блока»– указываешь і блока в котором находится дизайн-макет карточки;
  • «id блока ST305N» – указываешь і блока, где находятся уже настроенные товары из каталога;

Настройки кнопки
  • «Класс для кнопки «Добавить в корзину»– в Зеро блоке, добавь класс к элементу, пои нажатии на который товар будет попадать в корзину;
  • «Класс для кнопки «Подробнее о товаре»– класс элемента, при нажатии на который, будет открываться карточка товара;

Класс элемента ты можешь придумать сам или скопировать себе тот, что уже вписан в поле генератора кода. Чтобы указать класс у элемента,
нажимаешь на него правой кнопкой мыши и выбираешь из списка последнюю строку «Acc CSS Class Nome», долее, справа в настройках указываешь тот же класс, что и в генераторе.

Настройки шейпа
«Класс шейпа» – для того, чтобы была возможность для каждого товара подгружать разные изображения, в Зеро блоке необходимо добавить шейп который будет отвечать за изображения, привяжи к нему класс и укажи в генераторе;

Настройки избранного
  • «Класс добавить в избранное»– указываешь класс элемента при нажатии на который товар будет попадать в избранное;
  • «Класс убрать из избранного» – класс элемента при нажатии на который товар будет удаляться из избранного;

Настройка цена
  • «Класс цены» – указываешь класс элемента в котором будет отображаться стоимость товара;
  • «Класс старой цены» – класс элемента в котором будет отображаться старая стоимость товара;

Настройки заголовка
  • «Класс заголовка» – указываешь класс элемента в котором будет находиться заголовок товаров;
  • «Переполнение блока заголовка» – выбираешь подходящий вариант того, что будет происходить с заголовком в случае если он будет очень длинный;
  • «Высота блока заголовка» – та величина после которой будет применяться предыдущий критерий;

Настройки описания, заполняются по аналогии с элементом заголовка.

Настройки остатка
«Класс остатка» – элемент в котором будет отображаться остаток товара;
  • «Текст до цифры остатка»– если необходимо, можно указать текст, который будет располагаться перед цифрой остатка, если по твоей задумке это не требуется, то оставь это поле пустым;
  • «Текст после цифры остатка» – текст, который будет прописан после указанного остатка;

Настройки кнопки «нет в наличии»
  • «Применять настройки ссылок для кнопки нет в наличии» – эта настройка отвечает за то, чтобы «включить» ссылку на кнопке, которая открывает, например, попап для заявки.
  • «Текст кнопки когда товара нет в наличии»;
  • «Цвет кнопки когда товара нет в наличии» – при указании данного параметра меняется цвет кнопки у товара, которого нет в наличии. Обрати внимание, что в случае если в Зеро блоке ты предварительно настроишь изменение цвета текста у кнопки при наведении, то этот эффект будет сохраняться. То есть, нужно учитывать цвет текста кнопки при наведении;
  • «Имя скрытого поля» скрытое поле добавляем в форму и указываем такое же название, как и в генераторе, в него будут подгружаться все характеристики товара, о котором клиент хочет узнать(В формате название товара;артикул;значение;значение;значение...). Т.е. когда будет падать уведомление, то будет видно о каком товаре идет речь;
  • «Ссылка для названия товара» Ссылку для имени продукта указываем к примеру в заголовке формы и клиент заполняя форму будет видеть о каком товаре идет речь;

Настройки количества отображения карточек в ряд
  • Выбери необходимое количество карточек товара для каждого из разрешений.

«Не ставить ссылку для изображения в шейпе» – эта настройка выключит «ссылку» на карточку товара, которая обычно задана при клике на фото товара;

«Включить если в блоке есть автоскейл» – данная настройка включается в случае если в блоке включен автоскейл;

3. Копируешь сгенерированный HTML код и вставляешь его в блок Т123.
Код доступен только тем, кто оплатил подписку
Подписка стоит 500р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, чтобы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
ПОДРОБНЕЕ
В КОРЗИНУ
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
8 шт
в наличии
3700 РУБ
5000 РУБ
товар 1