WooCommerce — мощный, расширяемый плагин eCommerce, который поможет вам продать что угодно. Красиво.
Установка темы (шаблона) для интернет магазина
Выбор темы (шаблона) — очень важный момент в создании интернет магазина. Вся проблема в том, что некоторые темы не поддерживают работу с плагином Woocommerce, что в свою очередь приводит к некорректному отображению элементов интернет-магазина. Поэтому в данном уроке я буду использовать бесплатный шаблон для интернет-магазина Storefront.
Cкачать шаблон можно на официальном сайте woothemes.com или по прямой ссылке. Если вы вдруг забыли как изменить шаблон (тему) вашего сайта — нажмите сюда.
Чтобы вставить валюту в интернет магазин, откройте wp-content/themes/тему_с_которой_вы_работаете и в файле function.php вставьте следующий код
add_filter( 'woocommerce_currencies', 'add_my_currency' );
function add_my_currency( $currencies ) {
$currencies['ABC'] = __( 'Currency name', 'woocommerce' );
return $currencies;
}
add_filter('woocommerce_currency_symbol', 'add_my_currency_symbol', 10, 2);
function add_my_currency_symbol( $currency_symbol, $currency ) {
switch( $currency ) {
case 'ABC': $currency_symbol = '$'; break;
}
return $currency_symbol;
}
Как создать сгруппированный товар в WooCommerce
1. Нажимаем Товары -> Добавить товар.
2. Указываем название товара, категорию, миниатюру, описание и т.д. Делаем все тоже самое, что и при создании простого товара, но выбираем тип товара «Сгруппированный товар».
После этого нажимаем кнопку «Опубликовать».
3. Открываем любой из уже существующий товаров или создаем новый (но не вариативный) и переходим на вкладку «Сопутствующее». В поле «Группировка» указываемимя группированного товара, созданного в прошлом шаге.
Не забываем нажать кнопку «Обновить» для сохранения изменений.
Указывая группировку в товаре, мы таким образом добавляем его в сгруппированный товар. Аналогичным способом укажите группировку на тех товарах, которые Вы хотите добавить в сгруппированный.
Как создать вариативный товар
1. Для начала нам необходимо создать свойства, которые мы будем использовать в качестве вариаций. В нашем случае их несколько, это цвет и размер.
Для этого заходим в Товары -> Свойства и создаем свойство Цвет и Размер.
Добавляем новые свойства товара
2. Теперь нажимаем на созданное свойство Цвет и в открывшемся окне добавляем значения этого свойства. В нашем примере мы добавим белый, черный и красный цвет.
Добавление цвета в свойства «Цвет»
По аналогии добавляем X, XL, XXL в свойство Размер.
3. Далее нам нужно создать новый вариативный товар или изменить уже созданный товар на вариативный. При создании товара нужно указать то, что он будет вариативным.
Для этого выбираем в выпадающем списке Вариативный товар (при создании по умолчанию стоит значение «Простой товар»). После этого переходим на вкладку Свойства.
Выбираем «Вариативный товар» и переходим на вкладку «Свойства»
4. После перехода в вкладку Свойства выбираем из выпадающего списка свойство Цвет и нажимаем кнопку «Добавить».
Добавляем свойство «Цвет «
После добавления свойства Цвет и Размер необходимо выбрать значения, которые будут в вариации товара. Для этого при нажатии по полю с выбором значений выбираем цвета и размеры, которые соответствуют нашему товару.
Важно!!! Обязательно ставим галочку в «Использовать для вариаций» и после добавления всех значений нажимаем кнопку «Сохранить свойства».
Выбираем значения для вариаций «Цвета» и «Размера»
5. Теперь переходим на вкладку Варианты и нажимаем Присоединить все варианты и в окошке которое появилось подтверждаем наше действия нажав ОК. После нажатия кнопки вы создадите все возможные комбинации свойств вариантов. Что это значит? Это значит что на каждый цвет будут все размеры, а на каждый размер — все возможные цвета. Такой способ является самым быстрымпри добавлении множества вариантов.
Также можно создавать вариативные товары выбирая вручную на какой цвет у вас будут какие размеры. Для этого нужно нажать кнопку «Добавить вариант» и указать цвет и размер на добавленную вариацию.
Я рекомендую добавлять все вариации сразу. Проще и быстрее удалить лишние вариации когда их видно все, чем их добавлять поштучно. В нашем же примере мы будем использовать все возможные комбинации вариантов.
6. После того как все вариации добавлены нужно обязательно указать цену на всех вариация(если есть скидка, то и скидку). Также на этом этапе можно назначить миниатюру на нужную вариацию (или на все).
Указываем обычную цену и цену со скидкой. Задаем разные миниатюры для вариаций если необходимо.
После того как вы добавите все цены, не забудьте обязательно сохранить изменения нажав кнопку«Обновить», а если товар новый то «Опубликовать».
Как видите все достаточно просто и интуитивно понятно. Возможно в первый раз и кажется все немного запутанным, но после нескольких добавлений вариативных товаров это пройдет ?
Вот так выглядит результат добавления вариативного товара из этого урока:
Результат добавления вариативного товара в WooCommerce