Советы по началу работы с темами WooCommerce

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

Как установить плагин WooCommerce

1. Вы можете использовать базовые стили и копировать их поверх существующих.
2. Вы можете отключить стили по умолчанию и вместо этого начать с нуля.
3. Помните, что плагины WooCommerce добавляют класс «WooCommerce» на все страницы вашего сайта.
4. Отключите стили по умолчанию. Записывайте новые стили поверх предложенных по умолчанию — это самый простой и быстрый способ, который подходит большинству пользователей.
5. Скопируйте содержимое всего файла WooCommerce CSS, он находится в: wp-content\plugins\woocommerce\assets\css\woocommerce.css или woocommerce.less.
6. Удалите ненужные вам элементы и внесите свои правки. Однако это может занять много времени и привести к повторению кода в таблице стилей.
7. Затем используйте инструменты разработчика Chrome (или аналогичный инструмент), чтобы определить классы и внести изменения в браузере, чтобы сразу увидеть, как будет выглядеть после редактирования. Вы можете сделать это, щелкнув правой кнопкой мыши на странице и выбрав элементы проверки в раскрывающемся меню.
8. Скопируйте код CSS инструментов разработчика Chrome в таблицу стилей вашей темы.
9. Не забудьте изменить значения переменных, чтобы сохранить целостность таблицы стилей и стилей общения и контента для разных браузеров.
10. Если вы найдете что-то, что не меняется в кастомном файле, то можете убрать это значение, если оно не меняется, нет смысла включать его в кастомный файл CSS.

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

Общие настройки тем WooCommerce

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

Особенности премиальных тем WooCommerce, которые вы можете использовать сразу после установки/покупки:

Настройка интернет-магазина — настроить свеженький магазин, начнем с подменю главного меню плагина Woocommerce, которое называется — Настройки.

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

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

Инвентарь — если каких-то товаров слишком мало, то эта страница будет уведомлена об этом.

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

Доставка — 5 способов доставки покупателям на выбор: единый тариф, бесплатная доставка, международная доставка, доставка по городу, самовывоз со склада вашего интернет-магазина.

Способы оплаты — плагин WooCommerce предлагает множество дополнительных способов оплаты — MoneyBookers, PayPal, международные платежные системы для интернет-магазинов разных стран.

Интеграция — Панель интеграции не балует нас разнообразием возможностей: можно подключить и использовать сервис Google Analytics sharethis.com, который предлагает зарегистрироваться и попасть в магазин Panel на сайтах социальных закладок, популярных среди североамериканских пользователей.

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

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

Добавление товаров в темы WooCommerce

Прежде чем вы начнете добавлять элементы, давайте рассмотрим, какие типы продуктов поддерживают Woocommerce. Их четыре:

1. Обычный разовый продукт — самый «горячий» тип продукта обычно прозрачный. Обычно это доставка товара, например, футболок с забавными принтами. Этот вид продукции продается в большинстве интернет-магазинов. Элементы могут быть определены как загружаемые или виртуальные. Виртуальные характеристики товара, такие как размер, вес и доступность, отсутствуют.
2. Сгруппированные товары — позволяет группировать похожие товары или дополняющие друг друга товары. Проще говоря, вновь добавленные товары можно присоединять к существующим блокам, тем самым группируя их. С помощью этого вида товара удобно предлагать покупателю дополнительные товары, которые могут его заинтересовать. Естественно «цены» на такого рода предметы нет, так как стоимость изделий определяется ценой прикрепленного предмета.
3. Внешние элементы — этот тип продукта сначала представляет сторонняя компания. Непонятно, что за любопытство такое. Однако при ближайшем рассмотрении становится ясно, что это виртуальная выставка товаров в других магазинах, а вы продаете как посредник.
4. Вариативность товаров — это категория товаров, которая имеет у вас несколько разных вариантов, например, разного размера или цвета.

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

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

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