Как использовать элемент «Продукты» в Weebly?

Weebly предлагает простой способ продавать ваши продукты онлайн и превратить ваш сайт в интернет-магазин электронной коммерции. Добавление продуктов в магазин Weebly осуществляется с помощью элемента Products, доступного в разделе «Электронная коммерция». Вы можете просто перетащить элемент в область содержимого вашего сайта, чтобы добавить продукты. При перетаскивании элемента продукта вы увидите всплывающее окно ниже, предлагающее вам возможность выбрать любые существующие продукты или добавить новый продукт.

Создание элементов из панели инструментов и создание из редактора

Вы можете нажать на ссылку «Добавить продукты», чтобы создать новый продукт в редакторе Weebly. Однако список категорий и продуктов, показанных для выбора, появляется из категорий/элементов, созданных на вашей панели. Поскольку Weebly согласует интерфейс с Square Online (так как Square купила Weebly), создание продуктов и категорий выполняется на панели. Ссылка «Добавить продукты» также по сути перенаправит вас в интерфейс панели.

Создайте или выберите продукты в Weebly

Создать категорию продукта

Находясь в панели инструментов Weebly, перейдите в раздел «Элементы > Категории сайтов» и нажмите кнопку «Добавить категорию».

Создать новую категорию

Укажите название, SEO-информацию, изображение, выберите макет и сохраните свою категорию.

Выберите макет категории и сохраните

Вы также можете создать подкатегорию в основной категории, нажав на значок «+» напротив названия категории.

Создать подкатегорию

Создание элемента продукта

Находясь в панели инструментов Weebly, перейдите в раздел «Элементы > Элементы сайта» и нажмите кнопку «Создать новый элемент».

Создать новый товар

Выберите тип товара, загрузите изображение, установите цену, добавьте описание, предоставьте информацию о SEO и настройте видимость вашего товара.

Заполните сведения о продукте

Нажмите кнопку «Выбрать категории» и отнесите свой элемент к одной или нескольким ранее созданным категориям.

Назначить продукт категориям

Добавление товара с элементом «Продукты»

Теперь, когда элементы и категории готовы, отредактируйте свой сайт и перейдите в редактор Weebly.

Перетащите элемент «Продукты», чтобы просмотреть все категории, созданные на панели управления.
Разверните категории, чтобы просмотреть прикрепленные элементы.
Выберите необходимые товары и нажмите ссылку «Выбрать x товаров».

Выбрать продукты из списка

Выберите макет категории из вариантов Grid, Masonry, Multi-image или Single Row. Вы можете мгновенно просмотреть макет и нажать «Done», чтобы подтвердить использование этого макета.

Выберите макет продуктов

Теперь вы можете видеть, что выбранные вами товары добавляются в красивом макете.

Макет элемента продуктов Weebly

Настройка макета продуктов

Щелкните элемент «Вставить продукты», чтобы увидеть всплывающее окно с параметрами настройки.

Управление продуктами – нажмите эту кнопку, чтобы добавить или удалить продукты с дисплея.
Изменить макет – эта опция позволяет выбрать другую раскладку.
Колонны – отрегулируйте количество столбцов, отображаемых на дисплее.

Параметры элемента продуктов Weebly

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

Параметры отображения элемента «Продукты»

Пагинация – если у вас большее количество продуктов, выберите стиль пагинации как ссылку «Показать больше» или «Нумерованные страницы». Weebly позволяет отображать 12, 24, 36, 48, 60 или 72 продукта на странице.

Вариант пагинации для элемента «Продукты»