Приветствую всех читателей сайта wp.infohub.su, сегодня всех ждет продолжение цикла статей создание интернет магазина на wordpress. Прежде чем начинать читать эту статью, предлагаю ознакомиться с предыдущими статьями из этого цикла:
Часть 1:Установка и русификация WooCommerce.
Установка шаблона адаптированного для работы с WooCommerce.
Итак, после прочтения предыдущей статьи мы имеем, установленную платформу для создания интернет магазина на wordpress — WooCommerce. А также установленный плагин русифицирующий WooCommerce – Saphali Woocommerce Russian. Что же делать дальше? Предлагаю найти подходящий шаблон для интернет магазина, и установить его на wordpress. Так как я сейчас пишу инструкцию по созданию интернет магазина на основе WooCommerce, то для меня не критично будет использовать бесплатный шаблон для WooCommerce. Ну а если Вы всерьез занимаетесь разработкой интернет магазина, советую купить один из платных шаблонов, найти их можно на сайте ThemeForest. Ну а в данной инструкции я воспользуюсь шаблоном под названием Wootique, доступным для скачивания на сайте woothemes.com.
Примерно выглядит он вот так:
Загрузить данный шаблон для тренировки Вы также можете с моего сайта, так как на сайте указанном выше необходима регистрация для скачивания шаблона. Установка шаблона ничем не отличается от стандартной установки шаблона на wordpress. Так что сразу же после установки шаблона предлагаю произвести установку страниц WooCommerce.
Установка страниц WooCommerce.
Я уверен, сразу же после установки плагина WooCommerce а также его русификации Вы не могли не заметить такую табличку висящую в настройках WooCommerce:
Советую не откладывать в долгий ящик, а все же установить страницы WooCommerce.Нажмите на соответствующую кнопку.Сразу же после нажатия WooCommerce напишет что все готово, и уже на сайте мы увидим новые появившиеся страницы:
Перед созданием скриншота я предварительно удалил «Пример страницы», который создается wordpress по умолчанию, поэтому его и нет на скриншоте.
Кстати для корректного отображения url на сайте советую сразу же при создании интернет магазина сделать правильный формат вывода URL.Более подробно об этом читайте в статье Создание ЧПУ ссылок (Человеко-подобные-УРЛ).Более подробно на этом я еще остановлюсь в следующей статье.
Давайте теперь создадим несколько категорий для нашего интернет магазина созданного на wordpress.
Создание категорий товаров в WooCommerce.
В принципе создание категорий товаров не сильно отличается от создания рубрик в wordpress, за что огромное спасибо разработчикам плагина WooCommerce.
Допустим у нас будет магазин электронной техники.Перед созданием интернет магазина необходимо продумать о том, какие товары будут в нем продаваться. Возьмите в руки листочек и ручку, и запишите все товары, которые Вы собираетесь продавать.К примеру на нашем тестовом сайте мы собираемся продавать мобильные телефоны,планшеты,ноутбуки и GPS навигаторы. Определившись со списком продаваемой продукции можно создать соответствующие категории товаров:
- Мобильные телефоны
- Планшеты
- Ноутбуки
- GPS навигаторы
Добавляем каждую категорию на странице WooCommerce -> Товары -> Категории в админке wordpress.
Для основных рубрик товаров, в поле родительская необходимо поставить «Нет».Выбор этого флажка нам понадобится когда мы начнем добавлять под-категории товаров,к примеру название фирмы производителя: Мобильные телефоны -> Iphone.
В поле ярлык вписываем слово характеризующее рубрику.Можно использовать английский вариант названия категории, иначе по умолчанию wordpress возьмет транслитерацию слова.
Прокрутив чуть ниже, можно заметить что разработчики добавили возможность загрузки изображения для категории, не стоит отказываться от этой операции, так как картинки к категориям будут отображаться на сайте.
Загрузим к примеру картинку для категории Мобильные телефоны:
После загрузки всех категорий и под-категорий мы сможем наблюдать примерно такую картину:
Как видите подкатегория Iphone унаследована от Мобильные телефоны, сделано это через родительскую рубрику.
На сегодня все, в следующей части цикла создание интернет магазина на WordPress я более тщательно расскажу про url структуру сайта а также мы создадим несколько новых товаров на сайте.Что бы не пропустить новую часть советую подписаться на RSS или следить за новыми уроками в Twitter.