Latest Posts

Цифровые и скачиваемые товары.

Классы доставки товаров

Организация контента и картинок товара.

Добавление картинок и галерей.

Настройка родственных товаров, Up-Sells и Cross-Sells

Добавление и управление.

Фиксация размытых изображений продуктов

Вариативный продукт

Управление категориями продуктов, тегами и атрибутами

Поиск идентификаторов категорий продуктов

Цифровые и скачиваемые товары.

1. Идем в: WooCommerce > Настройки >Товары > Скачиваемые товары.
2. Выбираем Метод загрузки файла.

 

• Redirect only(Только перенаправлять) —  когда пользователи скачивают файл, то по ссылке они перенаправляются на файл.

• Force Downloads(Принудительные загрузки ) — принудительное скачивание файлов с использованием PHP.

• X-Accel-Redirect/X-Sendfile  — Скачивание осуществляется посредством сервера (nginx/apache). Этот метод требует, чтоб был установлен и активирован модуль X-Accel- Redirect /X-Sendfile. Перед использованием этого метода нужно убедится в том, что на хостинге установлен нужный модуль.

 

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

Если ваш сервер это поддерживает, то используйте X-Accel-Redirect/X-Sendfile. Это наиболее надежный метод, доставляющий файл прямо к покупателю. Файлы также защищены файлом .htaccess, повышая безопасность.

 

• Ограничение доступа

 

• Поставьте галочку в боксе напротив «Загрузки требуют входа в аккаунт», если вы хотите, чтоб пользователи проходили авторизацию перед скачиванием файлов. Эти настройки не распространяются на гостевые покупки: их нужно отключить.
• Активируйте «Предоставлять доступ к скачиваемым товарам после оплаты», если вы хотите, чтоб доступ к файлам предоставлялся, когда заказы «в обработке», а не «завершены»

Создание скачиваемых товаров

Скачиваемые простые товары

Чтоб начать:

Идем в: WooCommerce > Товары > Добавить товар, чтоб добавить простой товар

Ставим галочку напротив «Скачиваемый».

После того, как вы поставили галочку, появятся другие опции:

• Скачиваемые файлы
• Лимит загрузок
• Истечение срока загрузок
• Тип загрузки

WooCommerce поддерживает множественную загрузку файлов для одного товара!

1. Загрузите ваш файл. Проследите за тем, чтоб URL вашего товара соответствовало URL вашего сайта. (например, если у вас есть www в URL вашего сайта, то тоже самое должно быть и в URL файла.) – в версии 2.0+, один файл занимает одну строку – в предшествующих версиях можно было прикрепить только один файл к одному товару. Большее количество файлов необходимо упаковывать в архив.
2. Введите лимит загрузок (опционально). Если данный лимит исчерпан, то пользователь больше не сможет скачать файл.
3. Введите Истечение срока загрузки. Количество дней, по окончанию которых ссылка на скачивание перестанет работать.
4. Выберете тип загрузки из выпадающего меню
5. Сохраняем

Если вы измените загруженный файл или загрузите новый файл, то изменится и Лимит загрузок, и Истечение срока загрузки, так как технически это новый файл.

Скачиваемые вариации

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

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

Используем скачиваемые и виртуальные товары

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

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

Использование

Процесс заказа скачиваемого товара:

1. Пользователь добавляет товар в корзину.
2. Пользователь оформляет заказ и платит
3. После оплаты, в зависимости от ваших настроек может произойти следующее:

• Если товары в заказе скачиваемые и виртуальные, то заказ укомплектовывается полностью.
• Если товары в заказе физические и скачиваемые/виртуальные, то заказ «зависнет» в исполнении до тех пор, пока вы его не измените.
• Заказ завершается или если включена опция «Предоставлять доступ к скачиваемым товарам после оплаты», пользователи могут:
• Получить права доступа к скачиваемым товарам
• Увидеть ссылки для скачивания на странице получения заказа
• Увидеть ссылки для скачивания в email-оповещении
• Увидеть ссылки для скачивания на странице «мой аккаунт», если пользователь авторизован.

Теперь пользователи могут скачать файлы.

Управление заказами с помощью скачиваемых товаров

Если вы редактируете /просматриваете заказ с скачиваемыми товарами, то метабоксы таких товаров будут включать пользовательские права:

Редактируя эту панель, вы можете изменить пользовательские права или отказать в доступе к файлам. Также можно назначить доступ к новым загрузкам.

Классы доставки товаров

Классы доставки можно применить к группам товаров похожего типа, и они зависят от таких методов доставки, как, например, Фиксированная стоимость доставки. Классы доставки нужны для того, чтоб присвоить различные тарифы различным классам товаров.

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

Классы доставки используются для группирования товаров и не используются, чтоб предложить тарифы доставки клиентам напрямую. Чтоб настроить тарифы доставки, измените конфигурацию «Зон доставки», а затем добавьте стоимость классов доставки к методу доставки.

Добавление классов доставки

Идем в: WooCommerce > Настройки > Доставка > Классы доставки

На экране отобразятся списки существующих классов

Кликните кнопку «Добавить класс доставки» под таблицей. Появится новый ряд.

Вбейте название класса доставки и его описание. Слаг (уникальный идентификатор) можно оставить пустым или авто-сгенерировать, или можно ввести в поле собственный слаг.

Сохраняем классы доставки

Редактирование и удаление классов доставки

Чтоб отредактировать или удалить класс доставки:

Проведите курсором мыши по названию класса доставки и появятся опции.

Кликните «Редактировать», чтоб изменить название, слаг или описание. Кликните «Очистить», чтоб удалить класс доставки.

Сохраните классы доставки

Как назначить класс доставки

Чтоб применить эти тарифы к определенному типу товаров (например, тяжелые товары), вам нужно их назначить

1. Идем в: WooCommerce > Товары.
2. Выбираем товар и кликаем «Редактировать»

Простой товар – Класс доставки

Идем в Доставку, и выбираем Класс доставки из выпадающего меню.

Вариативный товар – Класс доставки

Каждый товар может иметь один класс доставки

Обновите товар, чтоб сохранить изменения

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

Чтобы массово отредактировать классы доставки:

Идем в: WooCommerce > Товары.

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

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

Выберете класс доставки из выпадающего меню.

Update to save changes.

Режим отладки для доставки

После того, как мы изменим настройки доставки, вы настоятельно рекомендуем включить Режим отладки для доставкиИдем в: WooCommerce > Состояние системы> Инструменты.

Ставим галочку напротив Режим отладки для доставки

Сохраняем изменения.

Это действие отключает кэш доставки, и вы сразу же увидите результат своих действий.

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

Отключите режим отладки, повторив шаги 1-3, но сняв галочку.

Организация контента и картинок товара.

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

Организация контента offline может также помочь вам спланировать и структурировать то, как он отображается на вашем веб-сайте.

Картинки

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

Сделайте дубликат этой оффлайн-папки и переименуйте в ‘online’. Она будет содержать картинки с вашего сайта. Хорошо, если ваши online / offline изображения четко разделены. Так вы сможете легко распечатать одни изображения и загружать другие на сайт. Чем отличаются online / offline изображения? Размером.

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

Какой размер правильный?

Давайте начнем с размеров картинок. Прежде всего, вам нужно решить картинки какой величины вы хотите отображать на вашем сайте. Большинство картинок, вероятно, будут отображаться в lightbox-галереях.

Мы обычно используем аналитические данные, чтоб вычислять какое разрешение экрана монитора наиболее популярно у пользователей. Так что вам нужно подстроить все ваши онлайн картинки под это разрешение. Например, если самое популярное разрешение 1600×1200, то ваши картинки должны быть где-то 1000×1000. Универсально правило гласит, что любая полноформатная картинка размером примерно 800px будет работать хорошо. Но если ваши товары очень детализованные, вам понадобится что-то покрупнее, особенно если вы стремитесь к пиксельному совершенству на retina-экранах.

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

Если вы редактируете ваши картинки в Photoshop, убедитесь, что во время экспорта вы используете Файл > Сохранить для веб-устройств. Здесь вы можете играть с качеством, уменьшая размер файла. Также есть сторонние приложения для оптимизации картинок и уменьшения их веса. Если вы используете Mac, советуем попробовать ImageOptim.

Миниатюры изображений

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

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

Размер товарных миниатюр

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

Добавление картинок и галерей

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

Прикрепленные изображения

Изображение товара – это главная картинка для вашего товара, которая отображается во всех циклах вашего товара (например, товарных категориях, ап-селлах, дополнительных товарах и т.д.) и служит центральным изображением галереи на странице с подробностями о вашем товаре.

Добавить картинку товара, также просто, как прикрепить картинки к стандартным записям и страницам.

Галереи товаров

Добавление картинок в галереи товаров

Товарные галереи отображают все картинки, прикрепленные к товару, с помощью метабокса «Галерея товаров».

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

Изменение порядка изображений в галереи

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

Удаление картинок из галереи товаров

Чтоб удалить изображение из галереи товаров, поводите над картинкой мышкой и кликните на красный “x”.

Размеры изображений

Стандартные размеры изображений

Идем в WooCommerce > Настройки > Товары > Отображение > Изображения товаров. Здесь можно настроить ширину и высоту всех, связанных с товаром картинок

• Изображения каталога – появляются в таких циклах товара, как товарные категории ап-селлы /кросс продажи.
• Изображение единичного товара – главное изображения на странице деталей товара.
• Миниатюры товаров – опциональные миниатюры галереи на странице деталей товара
• Лайтбокс «Галерея Товара» создает всплывающее окно, содержащее все товарные изображения, включая дополнительные

Размер загружаемых картинок будет автоматически подгоняться под введенные значения. К примеру, если настройки по умолчанию 100×100, а вы загрузили изображение размером 300×600, то его размеры изменятся на 100×200. Также можно выбрать ‘жесткую обрезку’ ваших изображений: тогда ваши картинки будут не подгоняться под заданный размер, а обрезаться.

Если вы изменили настройки после того, как загрузили картинки, вам нужно регенерировать ваши миниатюры в в WordPress, чтоб применить эти настройки. Для этого мы рекомендуем использовать плагин Regenerate Thumbnails.

Кастомные размеры изображений

Если вы создаете кастомную тему, возможно, вы захотите изменить эти настройки автоматически. Для этого используйте сниппет: Set Image Dimensions in a Custom Theme.

<?php

/**

* Hook in on activation

*/

/**

* Define image sizes

*/

function yourtheme_woocommerce_image_dimensions() {

global $pagenow;

if ( ! isset( $_GET[‘activated’] ) || $pagenow != ‘themes.php’ ) {

return;

}

  $catalog = array(

‘width’ => ‘400’, // px

‘height’ => ‘400’, // px

‘crop’ => 1 // true

);

$single = array(

‘width’ => ‘600’, // px

‘height’ => ‘600’, // px

‘crop’ => 1 // true

);

$thumbnail = array(

‘width’ => ‘120’, // px

‘height’ => ‘120’, // px

‘crop’ => 0 // false

);

// Image sizes

update_option( ‘shop_catalog_image_size’, $catalog ); // Product category thumbs

update_option( ‘shop_single_image_size’, $single ); // Single product image

update_option( ‘shop_thumbnail_image_size’, $thumbnail ); // Image gallery thumbs

}

add_action( ‘after_switch_theme’, ‘yourtheme_woocommerce_image_dimensions’, 1 );

С точки зрения клиента

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

Настройка родственных товаров, Up-Sells и Cross-Sells

Товары могут быть родственными в трех направлениях: апселлы, кросселы и товары, связанные посредством категорий или тегов.

Чтоб добавить апселл или кроссел к товару:

1. Идем в WooCommerce > Товары и выбираем товар, для которого хотим вывести апселл или кроссел
2. Прокручиваем до панели с данными товара.
3. Выбираем таб «Сопутствующие» в левостороннем меню.
4. Добавляем товар, который хотим связать с данным товаром.
5. Обновляемся

Замечание: родственные товары, апселлы и кросселы для показа выбираются в случайном порядке

Апселлы

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

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

Апселлы (определены пользователем) показанные на странице товара

Кросселы

Кросселы – это товары, которые вы рекламируете на странице корзины, основываясь на находящихся там товарах.

Это, обычно, товары, которые дополняют основную покупку. Например, если вы продаете ноутбуки, то кросселом может стать защитный чехол или стикеры. Или если вы продаете футболки с ниндзя, то можете предложить также ниндзя-толстовки или носки с ниндзя.

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

Кросселы (определенные пользователем), показанные на странице корзины.

Родственные товары

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

Родственные товары (созданы автоматически) также показаны на странице товара.

Кастомизация

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

Добавление и управление.

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

Категории товаров

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

Атрибуты

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

Типы товаров

Теперь давайте поговорим о типах товаров

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

Другие типы товаров могут быть добавлены с помощью расширений, например, вы можете воспользоваться WooCommerce Subscriptions и WooCommerce Memberships.

Добавление простого товара

Добавить простой товар – это почти то же самое, что и написать стандартный WordPress пост.

Идем в WooCommerce > Товары > Добавить товар. Знакомый интерфейс заставит почувствовать себя, как дома.

Вводим заголовок и описание товара.

Идем в панель данных товара и выбираем Скачиваемый (цифровой) или Виртуальный (сервис), если нужно. Заметка: виртуальные товары не предполагают доставку, так что для них не рассчитываются классы доставки.

Данные товара

В этом метабоксе собрана практически вся важная информация о товаре

в этой панели вас ждут данные о товаре

Основные

• Артикул или SKU – идентификатор товарной позиции, необходимый для отслеживания товара. Должен быть уникальным, и не совпадать ID записей. К примеру, ID записей — это цифры, а SKU должен быть WS01. Сокращение для WooShirt 01.
• Цена. Базовая цена – нормальная цена товара. Цена распродажи – дисконтная цена, которая может быть задана для определенных дат.

Запасы

Здесь вы можете управлять запасами товаров индивидуально, а также запретить или разрешить отсроченные заказы и многое другое. Если управление остатками отключено на странице настроек, то будет видима только опция «Управлять запасами?»

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

Доставка

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

Сопутствующие

Используя апселы и кросселы, вы можете продвигать ваши товары. Они могут быть добавлены посредством поиска определенного товара и выбора товара из выпадающего списка:

После добавления товар появится в поле ввода:

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

Кросселы – это товары, которые отображаются в корзине и перекликаются с содержимым корзины пользователя.

Группировка указывает, что товар – это часть группы.

Атрибуты

В табе Атрибуты вы можете прописать детали вашего товара. Вы увидите выбранный бокс, содержащий наборы созданных вами глобальных атрибутов.

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

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

Дополнительно

• Примечание к покупке – введите примечание, которое будет посылаться покупателю, который приобрел этот товар.
• Меню заказа – Кастомный заказ для этой позиции.
• Включить отзывы – Включение/отключение отзывов покупателей дл этой позиции.

Выдержка

Добавьте краткое описание товара. Оно обычно появляется рядом с картинкой товара на странице, где перечислены все товары. А длинное описание появится в табе «Описание товара».

Таксономии

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

Картинки товара

Вы можете добавить главное изображение и галерею изображений.

Настройка видимости каталога и связанного статуса

В панели «Опубликовать» вы можете установить видимость каталога для вашего товара

• Каталог и поиск – видим везде: на страницах магазина, страницах категорий и результатах поиска.
• Каталог – Видим на страницах магазина, страницах категорий, но не на страницах поиска.
• Поиск – Видим в результатах поиска, но не на страницах магазина и страницах категорий.
• Скрыто – видим только на странице единичного товара, скрыт на прочих страницах

Добавление сгруппированного товара

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

Чтоб создать родительский товар выберете «Сгруппированный» из Выпадающего списка, который отвечает за тип товара.

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

Сгруппированный товар – это все еще пустая группа. Вам нужно будет создать дочерние товары, чтоб добавился нормальный сгруппированный товар.

Создание дочернего товара для добавления сгруппированного товара
Теперь вам нужно добавить хотя бы один дочерний товар:
Идем в: Товары > Жмем «Добавить новый», чтоб добавить новый товар.

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

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

Обновите.

Добавление виртуального товара

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

Добавление скачиваемого товара

При добавлении простого товара ставим галочку напротив Скачиваемый, таким образом появятся новые поля:

• Путь файла— Путь или url к загружаемому файлу.
• Лимит загрузок – Лимит на количество раз, которые пользователь может скачать файл. Оставьте чистым, если не желаете ограничивать кол-во скачек.

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

Добавление внешнего/партнерского товара

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

Добавление вариативного товара

Вариативный товар – это, вероятно, самый сложный тип товар. Так вы получите вариации простого товара, и каждая вариация может иметь свой артикул, цену и т. д.

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

Чтоб сохранить время, вы можете скопировать товар, чтоб создать похожие товары с вариациями и другими качествами.

Идем в WooCommerce > Товары и просматриваем список товаров: ищем тот, который хотим дублировать, затем кликам «Дублировать»

Удаление товара

Чтоб удалить товар:

1. Идем в : WooCommerce > Товары.
2. Находим товар, который хотим удалить
3. Проводим над областью под название товара и кликаем Удалить

Отмечаем продукт, как Рекомендуемый

Чтоб отметить товар, как Связанный, идем в: Товары >Товары и выбираем Звездочку в колонке Рекомендуемые. Альтернативно, выбираем Быстрое редактирование, а затем опцию Рекомендуемые

ID товара

ID товара – это, то, что вы используете, когда нужно вклеить шорткоды, виджеты или ссылки.

Чтоб узнать ID товара, идем в «Товары» и просто проводим курсором над товаром или смотрим номер ID в ссылке на товар.

Разрешаем предзаказы

Для того, чтоб открыть доступ к предзаказам, разрешаете управление остатками товара. Используйте Advanced Notifications, чтоб уведомлять остальных о том, что предзаказы разрешены.

Большинство платежных шлюзов немедленно учтут это. Если вы хотите, чтоб клиенты дождались того момента, когда товар снова появится в продаже, вы можете использовать WooCommerce Waitlist (отдельное расширение), чтоб послать email всем пользователям, оповещая их о том, что товар снова появился в продаже, предоставляя ссылки на этот товар.

Фиксация размытых изображений продуктов

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

Таким образом, указанные вами параметры в WooCommerce > Settings > Products > Display  должны совпадать или быть выше. Параметры здесь влияют на размер изображений, которые использует ваша тема при отображении изображений продуктов. Опять же, они не изменяют размер изображения, которое визуализируется в.

Когда изображения вашего продукта размыты, есть две вещи, которые могут произойти. Во-первых, настройки размера изображения могут быть недостаточно (слишком малы) для вашей темы. Это может вызвать проблемы, поскольку ваша тема требует изображение 800 x 800 пикселей, но вы даете ему один в 400 x 400 пикселей.

Во-вторых, исходные изображения, которые вы загрузили, недостаточно высоки. Даже если ваши настройки изображения правильные, исходный источник изображения слишком мал. Единственное, что вы можете сделать по этой причине, — это загрузить изображения соответствующего размера. Все, что составляет 800 x 800 пикселей или выше, будет работать для большинства тем. Мы покажем вам, как найти максимальный размер изображения, который ваша тема хочет видеть на видео и ниже.

Типы изображений

Мы используем следующие термины:

 

• Catalog Images: Среднее изображение, используемое в product loops  (например, страница магазина, страницы категорий товаров, сопутствующие товары, распродажи, перекрестные продажи и т. Д.).

• Single Product Image: Наибольшее изображение на странице сведений о конкретном товаре.

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

 

Определение размера изображения в изображении темы

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

Catalog Images

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

Если в вашем браузере доступны инструменты разработчика, вы можете щелкнуть изображение правой кнопкой мыши и выбрать «Inspect» или «Inspect Element». Это покажет вам размеры изображения. Запомните это, так как мы должны использовать их позже.

В Storefront самые большие изображения каталогов отображаются с разрешением 213 x 213 пикселей.

Single Product Image

Повторите процесс для single product image  — самого большого изображения на странице продукта.

В Storefront наибольшее изображение отдельного продукта отображается с разрешением 298 x 298 пикселей.

Product Thumbnail

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

В Storefront он отображает 43 x 43px.

Настройка размеров изображений и восстановление thumbnails

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

В разделе WooCommerce > Settings > Products > Displayубедитесь, что максимальный размер изображения не меньше размера вашей темы для отображения этих миниатюр. Затем сохраните изменения.

Любые изображения новых загружаемых изображений теперь будут иметь thumbnails в этих настройках и должны появляться без искажений или размытости.

Примечание. Сохранение изменений автоматически не обновляет все ранее загруженные изображения. Чтобы обновить старые изображения, WordPress необходимо восстановить thumbnails. Великолепный плагин, который делает именно это — Regenerate Thumbnails

Поддержка Retina

HiDPI-дисплеи, которые широко известны как дисплеи retina, содержат в два раза больше пикселей или больше, чем более старые дисплеи. Для идеальных изображений в пикселях на дисплеях retina установите миниатюры в два раза больше размера, отображаемого в теме. Например, если тема отображает изображения размером 80 x 80 пикселей, вы хотите, чтобы они составляли 160 x 160 пикселей.

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

С правильными настройками для любых будущих изображений и регенерированием ранее загруженных изображений все будет выглядеть хорошо, а размытые изображения останутся в прошлом!

Вариативный продукт

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

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

Шаг 1. Укажите тип продукта.

Чтобы добавить вариативный продукт, создайте новый продукт или отредактируйте существующий.

1. Перейти к: WooCommerce > Products
2. Нажмите кнопку «Добавить продукт» или «Редактировать существующий продукт». Отобразятся данные о продуктах.
3. В раскрывающемся списке «Данные о продукте» выберите «Вариативный продукт».

Шаг 2. Добавление атрибутов для использования в вариантах

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

Глобальные атрибуты

Чтобы использовать глобальный атрибут:

1. Выберите один из выпадающего и Добавить.
2. Выберите «Выбрать все», чтобы добавить все атрибуты в вариативный продукт (если применимо).
3. Установите флажок «Используется для вариантов», чтобы сообщить WooCommerce о ваших вариантах.

Добавление глобальных атрибутов к продукту

Настройка глобальных атрибутов

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

При добавлении новых атрибутов, характерных для данного продукта:

Выберите «Пользовательский атрибут товара» и «Добавить».

Добавление пользовательских атрибутов к продукту

1. Назовите атрибут (например, Size),
2. Установите значения, разделенные вертикальной трубой (например, small | medium | large)
3. Установите флажок «Используется для вариаций».

Нажмите Сохранить атрибуты.

Шаг 3. Добавление вариантов

Чтобы добавить вариант, перейдите в раздел «Вариации» в метаданных «Данные о продукте».

Вручную Добавление вариации

В раскрывающемся меню выберите вариант «Добавить вариант» и нажмите «Перейти».

Выберите атрибуты для вашего варианта. Чтобы изменить дополнительные данные, щелкните значок треугольника, чтобы развернуть вариант.

Измените доступные данные. Единственное обязательное поле — «Обычная цена».

Сохранить изменения.

Редактирование большого количества вариаций

Если у вас более 10 вариантов, используйте кнопки, чтобы перемещаться вперед и назад по списку. Каждый раз, когда вы переходите к новому набору вариантов, предыдущий набор сохраняется. Это гарантирует сохранение всех данных.

Установка значений по умолчанию

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

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

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

Вариационные данные

Каждый вариант может быть назначен.

Общее:

• Enabled – Включение или отключение вариации.
• Downloadable – Если это загружаемый вариант.
• Virtual – если этот продукт не является физическим или отправлен, настройки доставки будут удалены.
• Regular Price (required) – Установите цену для этого варианта.
• Sale Price (optional) – Установите цену для этого варианта при продаже.
• Tax status —  Налогооблагаемый, только отгрузка, нет.
• Tax class – Налоговый класс для этого варианта. Полезно, если вы предлагаете варианты, охватывающие разные налоговые полосы.
• Downloadable Files – Показывает, если выбран для скачивания. Добавить файл (ы) для загрузки клиентами.
• Download Limit – Показывает, если выбран для скачивания. Укажите, сколько раз клиент может загрузить файл (ы). Оставьте поле пустым без ограничений.
• Download Expiry – Показывает, если выбран для скачивания. Укажите количество дней до истечения срока загрузки после покупки.

Запасы:

• SKU – Если вы используете SKU, установите SKU или оставьте поле пустым, чтобы использовать SKU продукта.
• Manage Stock? – Управление запасом на уровне вариации.
• Stock Quantity – Показывает, выбран ли параметр «Управление запасом». Введите количество. Запасы для конкретного варианта или оставить пустым, чтобы использовать настройки запаса продукта.
• Allow Backorders – Выберите способ обработки отстатков.
• Stock Status – Установите статус запаса вашего варианта.
• Sold Individually? — Разрешить продавать только один заказ.

Доставка

• Weight – Вес для вариации, или оставить пустым, чтобы использовать вес продукта.
• Dimensions – Высота, ширина и длина для вариации, или оставить пустым, чтобы использовать размеры продукта.
• Shipping class – Класс доставки может повлиять на доставку. Установите это, если оно отличается от продукта.

Сопутствующие

 

• Upsells

• Cross-sells

• Grouped

 

Если значения SKU, вес, размеры и поля запасов не установлены, то они наследуют значения, присвоенные variable product. Поля цены должны быть установлены за вариацию.

Добавить изображение для варианта

1. Разверните вариант.
2. Нажмите синий заполнитель изображения (снимок экрана).
3. Выберите изображение, которое вы хотите использовать.
4. Сохранить.

Дублирование variable product

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

Массовое редактирование

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

Связывание возможных вариаций

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

Если ваш пример имеет два атрибута — цвет (со значениями синий и зеленый) и размер (со значениями большой и малый), он создает следующие варианты:

• Large Blue
• Large Green
• Small Blue
• Small Green

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

Что клиенты видят

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

Если пользователь попытается нажать кнопку «greyed out add to cart» перед выбором атрибута, появится сообщение с просьбой создать некоторые атрибуты.

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

Управление категориями продуктов, тегами и атрибутами

Product categories

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

Например, если вы продаете одежду, у вас могут быть «футболки», «толстовки» и «штаны» в качестве категорий.

Как добавить / изменить категории товаров

Категории управляются с экрана Products> Categories.

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

• Добавьте Name.
• При необходимости добавьте Slug; Это URL-версия версии для имени.
• Выберите родителя, если это подкатегория.
• При желании, дайте Описание; Некоторые темы отображают это.
• Выберите тип отображения. Здесь вы определяете, что показано на целевой странице категории. «Стандарт» примет значение по умолчанию вашей темы. «Подкатегории» будут отображаться только подкатегории. «Продукты» будут отображать только продукты. «Both» покажет подкатегории и продукты ниже этого.
• По желанию, Загрузить / Добавить изображение. В некоторых темах будут отображаться изображения категорий товаров, поэтому это хорошая идея.

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

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

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

Кроме того, вы можете перейти непосредственно к меню «Продукты»> «Добавить продукт» и выбрать «Добавить новую категорию продуктов».

Таксономия — это product_cat.

Product tags

Что такое теги продуктов?

Теги товаров — это еще один способ связать продукты друг с другом, рядом с категориями товаров. В отличие от категорий, в тегах отсутствует иерархия; Поэтому нет «subtags».

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

Как добавить / изменить теги продуктов

Теги можно добавлять аналогично добавлению категорий товаров и работать точно так же, как и почтовые теги. Дополнительную информацию см. В WordPress.org Codex.

Таксономия — это product_tag.

Product attributes

Что такое атрибуты продукта?

Третий, и очень важный способ, группировать товары — это атрибуты. Существует два типа использования этого типа данных, которые очень важны для WooCommerce:

• Один из виджетов WooCommerce, «WooCommerce Layered Nav», работает с атрибутами. Если вы добавите этот виджет на свою боковую панель, клиенты смогут фильтровать товары в вашем магазине на основе атрибута.

Второе важное использование — переменные продукты. Чтобы сделать переменный продукт, сначала должен быть определен атрибут для продукта. Эти атрибуты затем могут быть использованы для проведения различия между различными вариантами. Подробнее о переменных продуктах можно узнать здесь.

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

Как добавить / изменить атрибуты продукта

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

Перейдите в раздел Продукты> Атрибуты, чтобы добавить, отредактировать и удалить атрибуты.

Здесь вы можете быстро и легко добавлять атрибуты и их условия.

• Добавьте имя.
• При необходимости добавьте Slug; Это URL-версия версии для имени.
• Включите Архивы, если хотите. Если этот параметр включен, вы сможете просмотреть страницу со всеми продуктами с таким атрибутом. Например, если у вас есть это разрешение, а «черный» — один из вариантов «цвета», вы можете добавить http://yourstore.com/pa_color/black/ в свое меню, чтобы отображать только черную одежду — подставки Для «атрибута продукта».
• Выберите Тип. Это используется в продукции. Если вы хотите иметь одинаковые значения атрибутов для всего вашего магазина, вы можете выбрать «Выбрать». В отдельном продукте вы сможете выбрать атрибуты. Если вы выберете «Текст», вы сможете ввести новые значения в атрибуты.
• Выберите порядок сортировки по умолчанию. Вы можете выбрать «Имя», «Имя (число)», «Идентификатор срока действия» или «Заказной заказ», если вы решите, перетащив и убрав термины в списке при настройке условий (см. Ниже). «Имя (число)» имеет значение, если значения являются числами. Если вы выберете «Name», он будет сортировать его по алфавиту с 1 и 10, предшествующими 2. Если вы выберете «Name (Numeric)», он будет сортировать на основе числового значения.

Выберите Добавить атрибут.

Атрибут теперь будет добавлен в таблицу справа, но без значений.

Чтобы добавить значения атрибутов, выберите значок шестеренки. Вы увидите надпись «Настроить условия», когда вы наводите на нее курсор.

Затем вы сможете добавить новое «Имя атрибута», где «Имя атрибута» автоматически примет имя, которое вы дали этому атрибуту на предыдущем шаге.

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

Добавление глобальных атрибутов в продукт

Теперь вы можете добавить созданные атрибуты в свои продукты.

Перейдите к: Продукты> Добавить продукт (или отредактируйте существующий).

Затем выберите вкладку «Атрибуты» в «Данные продукта». Там вы можете выбрать любой из атрибутов, которые вы создали в раскрывающемся меню.

Выберите Добавить.

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

Если вы выбрали атрибут Test type, вы сможете добавить термины, разделенные  («|»). Эти условия будут добавлены к вашему глобальному атрибуту после сохранения.

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

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

Перейдите прямо в: Продукт> Добавить продукт.

Перейдите на вкладку «Атрибуты».

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

Поиск идентификаторов категорий продуктов

В некоторых шорткодах WooCommerce идентификатор категории отображает список категорий

Чтобы найти идентификатор категории продукта:

1. Перейдите к: Products > Categories.
2. Наведите указатель мыши на название категории.
3. Щелкните его или нажмите «Изменить», когда оно появится.
4. Найдите URL-адрес страницы. Например: Раздел tag_ID = 1112, где 1112 — это идентификатор категории.