Не работают вариативные товары

WordPress.org

Support » Plugin: Art WooCommerce Order One Click » Вариативный товар и другие проблемы

Вариативный товар и другие проблемы

Доброго времени суток. Ув. Автор, спасибо за плагин, но у меня возникли недопонимания в режимах работы. Либо он работает не совсем так, как надо мне.
Цель:
1) Есть Вариативный товар, где в одной вариации цена есть, в другой нет. Как сделать, что бы выводились оба варианта, но менялась кнопка с “корзины” на “заказать”(Товар по умолчанию в предзаказах.
2) Так же есть момент зависания формы, если не выбран вариант товара.

The page I need help with: [log in to see the link]

Сейчас перечитал пост и понял, что написал очень сумбурно. Попробую по частям. Итак. Имеется вариативный товар, где у одной вариации есть цена, у другой ее нет.
1) В режиме каталога нет выбора вариации, так как вукомерц скрывает то, у чего нет цены.(не подходит). Есть только одна кнопка “Заказать”.
2) В штатном ситуация повторяется, но появляется кнопка в корзину. Выьора варианта так же нет.
3) В режиме предзаказ – ситуация аналогична режиму каталог
4) В специальном режиме – так же как и в штатном варианте, но кнопки слиплись( темя Астра)
Далее. Все же удаляем цену товара во всех вариациях.
1) В режиме каталога появляются все вариации, но есть зависание формы, если не выбрана вариация.
Дальше рассматривать не буду, так как главная цель – наличие товара с ценой и без – отсутствует.
Надеюсь сейчас выразился яснее.
Спасибо за труд и внимание.

Доброго! В таком режиме плагин не тестировал. Пока ничего не могу по этому поводу сказать, надо тестировать. Если получиться в релизе поправлю

Доброго! Тут проблема не в моем плагине, а в самом Вукомерсе.
Если у вариации нет цены, то эта вариация просто не выводится. Цена это обязательный параметр и если на простых товарах еще как-то можно подлезть и проверить есть цена или нет, то с вариациями такое не пройдет, там все проверки через js проходят, а к нему не подобраться.
В вашем случае, может проще поставить какую-то среднюю цены и в окне вывести сообщение что стоимость расчитывается индивидуально

Доброго, спасибо за уделенное время. Такой вариант тоже не самый подходящий. По-этому я решил перевести все в режим каталога. Думаю на первое время сойдет и так.

Доброго! Ну в ашем случае это самый простой и логичный вариант)
Но записал себе, буду думать как это победить

Источник

Создаем вариативный товар в WooCommerce магазине

Рассмотрим процесс создания вариативного товара в WooCommerce для интернет-магазина. Это сложнее чем реализовать опцию рекомендуемых Featured Products, но и значимость функции куда больше. Под данным термином в WordPress подразумевают продукцию, которая может продаваться на сайте в нескольких вариантах. Самый простой пример — футболки (одежда), для которых существуют, во-первых, разные размеры, а во-вторых, цвета.

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

Алгоритм создания вариативного товара в WooCommerce:

Новые атрибуты для товаров

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

Итак, переходим в раздел «Товары» — пункт «Атрибуты». Эта страница админки визуально и функционально похожа на процесс создания категорий.

В левой колонке пишете название атрибута, например, «Вес», а также определяете для него ярлык (slug), пусть будет — weight. Ниже есть 2 типа атрибутов:

• Выбор — означает, что в будущем редактор сможет выбирать один из вариантов, указанных вами по умолчанию, например, для веса: 200г, 500г и 800г.
• Текст — пользователь в админке сможет написать любой текст в качестве значения параметра.

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

Добавление значений для атрибутов

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

Элементы управления на странице аналогичны предыдущему шагу.

Указываете название значений и ярлыки для них. Допустим, для параметра «Вес» это может быть: 100, 200, 500 грамм. Если у вас есть опция «Цвет», вводите свойства: «белый», «синий», «черный» и т.п.

Создание вариативных товаров в WooCommerce

Данный этап состоит из двух шагов. Сначала заходим на страницу создания/редактирования товара, где стандартно указываете заголовок, текст, категорию, миниатюру и т.п. После этого:

1. В блоке «Данные товара» ставим опцию с вариативным типом.
2. Идем во вкладку «Атрибуты».
3. Из списка индивидуальных атрибутов выбираем нужное свойство (его мы создавали в первых двух пунктах алгоритма).
4. В блоке значений добавляем показатели атрибута, которые будут доступны для вариативного товара, например, вес 100 и 500 грамм.
5. Обязательно ставим галочку «Используется для вариаций».

Кликаем по кнопке «Сохранить атрибуты».

На втором шаге переходим в закладку «Вариации». где в выпадающем меню выбираем «Создать вариации из всех атрибутов».

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

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

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

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

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

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

Источник

Как сделать простой товар, но с некоторыми возможностями вариативного?

Отличное решение, спасибо за опыт.

Использовал ваш плагин для вариативных товаров

Спасибо!Этот момент я тоже механически скопировал, по принципу- работает, не трогай))
А подскажите, пожалуйста, такой момент по вашему коду:
— Как я понял, вы здесь сначала получили массив продуктов, потом установили для них нулевую рамку. Затем вы прописали условие о том, что если элемент не принадлежит массиву (который вызывается get_sku()) то он имеет другую рамку?

У меня массив новых артикулов находится через
$test = get_post_meta( $post->ID, ‘_newsku’, true ); т.е я , по сути, прохожу по post_meta товаров с ключом _newsku, получая то что мне нужно. Все вроде работает, но!
Когда я пробую по условию отсортировать
if ( $newsku == $prd->$test ) < $imgcss = 'border: 1px solid black;'; >, то рамку оно не дает)
Я в php не сильно специалист, подскажите куда можно копать? Как я понимаю, надо как-то сравнить, имеет ли данная миниатюра товара новый артикул точно совпадающий с артикулом текущего товара. Если да — то показывать рамку, если есть хоть какое-то отличие — то нет. Но как их сравнить.

Вообще запись $prd->$test странная. Что она должна у Вас возвращать? Судя по всему у Вас сыпятся Варнинги но Вы их невидите, т.к. по умолчанию у WordPress режим отладки отключен.

Мой алгоритм делал следующие, конечно он не идеален.

1. Получал все похожие записи
2. Пробегал в цикле каждую запись
3. Выделял код цвета из артикула $color = substr($prd->get_sku(), 8, 4)
4. Устанавливал значение стиля рамки по умолчанию $imgcss = ‘border: 0px solid black;’; , невидимой
5. Проверял, Если артикул совпадал с артикулом текущего товара, то устанавливал стиль рамки видимой

Если я Вас правильно понял, то Вы добавили новое произвольное поле и записываете туда артикула, которые сами создаете по какому-то правилу.
Для выделения рамкой, Вам нужно сравнивать артикул текущего товара (того, в карточке которого вы сейчас находитесь) с артикулом в цикле. Для этого, перед сравнением, Вам надо получить артикул товара который в цикле. . И потом уже делать сравнение if ( $newsku == $test )

Источник

Вариативные товары в WooCommerce – Руководство по созданию 2021

Содержание

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

Статья о том, как и где выбрать шаблоны для магазина

WordPress шаблоны для интернет магазина на базе WooCommerce: Честный рейтинг 2021

Как создать вариативный товар в интернет-магазине на основе WooCommerce?

Чтобы создать вариативный товар, перейдите в раздел Товары → Добавить новый. Добавление и управление вариативными товарами очень похоже на все стольные типы товаров в WooCommerce.

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

Создание вариативного товара в WooCommerce

Настройка вариативного товара

Сама по себе смена типа товара на вариативный – достаточно простоя процедура. Пришло время для его настройки.

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

Вы получите уведомление о том, что вам нужно сначала настроить атрибуты.

Вариации в вариативном товаре WooCommerce

Затем перейдите на вкладку «Атрибуты». Выберите существующий или новый атрибут и нажмите «Добавить». В результате вы получите следующие параметры конфигурации:

Добавление атрибута и его значений для использования в вариациях

Задайте имя атрибута и задайте его значения,разделяйте значения символом вертикальной черты «|» (в английской раскладке SHIFT+«/»). В качестве примера бы создан атрибут с именем «Цвет» и тремя его значениями «Красный | Зеленый | Синий».

Вы можете добавить к вариациям столько различных атрибутов, сколько вам нужно, например, можно еще добавить размер, тип или что-то ещё.

Давайте добавим еще «Размер» со значениями «M | L | XL»

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

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

На заметку

Помните, что вы также можете добавить атрибуты глобально в меню Товары → Атрибуты, а затем назначить их нескольким товарам.

Создание и настройка вариаций из атрибутов товара

После того как вы создали и сохранили атрибуты нужно вернуться на вкладку «Вариации».

Вы можете автоматически создавать вариации из всех настроенных вами атрибутов. Выберите «Создать вариации из всех атрибутов» и нажмите «Применить».

Создание вариаций из всех атрибутов

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

В выпадающем списке выбираем значение «Добавить вариацию», нажимаем кнопку «Применить» и заполняем необходимые поля:

Создание первой вариации из атрибутов

Как видно на скриншоте была создана вариация в которой размер не имеет значения но цвет «Красный», а кроме стандартных полей типа «Цены», «Описание» и «Вес» мы добавили изображение красной футболки для этой вариации.

Если не установить цену вариации, то этот вариант не будет отображаться на странице товара!

Продолжаем в том же духе и создаем еще две вариации с разными ценами и изображениями для двух, оставшихся цветов.

В конечном итоге у нас будет 3 различные вариации нашего товара с тремя различными изображениями, ценой и описанием:

Вариации с разными изображениями для вариативного товара в WooCommerce

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

Тогда покупатель сможет выбрать один из этих двух вариантов на одной странице продукта!

Вариативные товары на странницах магазина WooCommerce

Итак, Если вы правильно настроили все вариации, то вариативные товары в вашем магазине будут выглядеть примерно так:

Вариативные товары WooCommerce на страницах магазина

Как видно из анимации при выборе цвета товара меняется как цена варианта так и его изображение.

Альтернатива вариациям

Вариативные товары WooCommerce не всегда удовлетворяют всем потребностям.

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

Вариативные товары добавляет несколько отдельных записей в базу данных для каждого отдельного варианта. Для 50 вариантов в базе данных будет 50 субпродуктов. У интернет-магазинов с большим количеством вариативных товаров могут возникнуть проблемы.

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

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

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

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

Источник