Как использовать образцы вариаций для WooCommerce

Если вы хотите создать интернет-магазин, не так много альтернатив, почти таких же хороших, как WooCommerce. Тем не менее, магазин WooCommerce, который использует функции WooCommerce по умолчанию и ничего лишнего, не будет лучшим из тех, что вы увидите.

Одна из вещей, которую вы должны сделать, чтобы сделать свой магазин выдающимся, — это найти способ улучшить визуальные эффекты для демонстрации товаров в магазине. Ваши продажи будут отражать, насколько удобна для пользователя витрина вашего продукта. Пользователи хотят беспрепятственно просматривать варианты продуктов, и здесь на помощь приходят образцы вариантов плагинов для WooCommerce. Мы рассмотрим, как использовать такой плагин с иллюстрациями одного из лучших, если не самого лучшего, такого плагина. Если вам нужно найти плагины с образцами вариаций для WooCommerce, вот список из 10+ лучших плагинов с образцами вариаций WooCommerce.

Образцы вариаций для WooCommerce

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

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

Вы можете добавить всплывающую подсказку для страницы продукта и категории продукта. Не хотите удалять варианты товаров, которых нет в наличии? С вариационными образцами для WooCommerce вы можете просто использовать крестик или размытие. Вы можете выбрать цвет креста и управлять непрозрачностью размытия.

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

Использование образцов вариантов для WooCommerce

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

Для второго варианта просто зайдите в панель администратора, перейдите к плагинам и добавьте новый файл . Перейдите в окно поиска на следующей странице и найдите образцы вариантов для WooCommerce. Нажмите «активировать» плагин с надписью «Образцы вариаций для WooCommerce от RadiusTheme» .

Добавление и редактирование атрибутов и терминов атрибутов

При создании цветовых атрибутов вы можете выполнить действие глобально, перейдя к WooCommerce Products e Attributes . Следующая часть — добавление нужных атрибутов путем выбора кнопки, цвета, изображения или переключателя.

Чтобы добавить или отредактировать новые атрибутивные термины, просто нажмите « Настроить термины » . Выберите нужный цвет с помощью палитры цветов, если вы хотите изменить атрибуты цвета. Затем вы можете установить текст и тип всплывающей подсказки.

Установите атрибуты продукта

Находясь в режиме редактирования, перейдите к конкретному продукту и выберите Дата продукта e Переменный продукт . Затем нажмите «Добавить», чтобы добавить пользовательские атрибуты продукта и сохранить. Однако перед этим обязательно установите флажок «Используется для вариаций» .

Установите варианты продукта

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

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

Необходимо настроить другие поля, такие как артикул, вес, описания и доставка, в соответствии с вашими уникальными потребностями.

Установить индивидуальные варианты

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

Выберите тип изображения, которое вы предпочитаете (и, если хотите, установите всплывающую подсказку как изображение или текст) и конкретный цвет, который вы хотите. Когда вы выбрали конкретное свойство, которое вы хотите, просто нажмите кнопку « Сохранить образцы продуктов» .

Варианты внешнего интерфейса

Для управления отображением страниц магазина или архива перейдите на страницу WooCommerce e Настройки e Образцы продуктов e Магазин или Страница архива . Затем вы можете зайти в свой интерфейс и полюбоваться (или покритиковать) своими результатами.

Пользовательские атрибуты

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

При добавлении пользовательских атрибутов в варианты просто используйте пользовательские атрибуты, которые вы только что добавили на предыдущем шаге, чтобы добавить варианты. Оттуда установите пользовательский тип атрибута, перейдя на вкладку « Образцы продуктов » слева.

Из образцов продуктов легко переопределить глобальные настройки атрибутов. Все, что вам нужно сделать, это установить типы атрибутов, будь то радио, изображение, кнопка или цвет. Установите свойство и нажмите кнопку « Сохранить образцы продуктов» . Вам может понадобиться другой связанный плагин, дополнительная галерея изображений вариантов для WooCommerce.

Подводя итоги

Использование WooCommerce — довольно простая задача, и вы должны быть знакомы со всеми ее закоулками в кратчайшие сроки. При дальнейшем использовании вариантов продукта с помощью такого плагина, как Product Variations for WooCommerce, вы можете положиться на это руководство, которое поможет вам.

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