Как сделать слайдер в woocommerce

Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce
Как сделать слайдер в woocommerce
Как сделать слайдер в woocommerce
Делаем интернет магазин Wordpress, с плагином WooCommerce. Часть 2 настройка и запуск

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

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

Типы товаров, поддерживаемых WooCommerce

Тип «обычный товар»

Тип «обычный товар» является самым простым и наиболее популярным из всех. Примером такого товара могут служить мобильные телефоны. Данный товар можно заказать и притом с доставкой. Настройка всех необходимых параметров выполняется на закладках. При этом возможно определение обычного товара как загружаемого и/или виртуального.

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

Тип «группированный товар»

Тип «группированный товар» позволяет объединять товары, добавляя похожие. Ярким примером такого типа товаров служит предложение типа «купите этот телефон и эти наушники, наиболее подходящие к нему». Использование данного типа товаров позволяет реализовать такую возможность как приобретение помимо основного товара и дополнительной продукции. При этом у группированных товаров отсутствует цена. Ее добавление выполняется на страницах, относящихся к каждому «прикрепленному» товару.


Тип «внешний товар»

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

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

Тип «вариативный товар»

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

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

Тут плагин WooCommerce.

Темы оформления WooCommerce

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

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

  • находим файл /woocommerce/assets/woocommerce.css и производим его копирование в папку применяемого шаблона
  • производим копирование в папку, содержащую изображения шаблона, графических файлов из папки /woocommerce/assets/images/.

После этого выполняем подключение к движку нашего скомпилированного стиля. Это действие производится добавлением в function.php шаблона следующего кода:

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

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

Теперь рассмотрим вывод магазина на страницах сайта. Настройки этого процесса по умолчанию не всегда способны удовлетворить пользователей. В таком случае необходимо выполнить шаблон страницы собственными силами. Для этого производим копирование page.php и его переименование в woocommerce.php. Теперь дорабатываем его в соответствие со следующей схемой:

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<?php

// немного заменяем структуру вывода товаров

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);

remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);

add_action('woocommerce_before_main_content', create_function('', 'echo "<div id=\"shop\">";'), 10);

add_action('woocommerce_after_main_content', create_function('', 'echo "</div>";'), 10);

 

//Если Вам не нужны хлебные крошки, удалаем их таким способом

 

remove_action( 'woocommerce_before_main_content', 'woocommerce_breadcrumb', 20, 0);

 

// Стабами поступаем также если в них нет необходимости

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10);

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 20, 2);

add_action( 'woocommerce_single_product_summary', 'woocommerce_product_description_panel', 20 );

 

// Отзывы также можно удалить использую следующий код

remove_action( 'woocommerce_product_tabs', 'woocommerce_product_reviews_tab', 30 );

remove_action( 'woocommerce_product_tab_panels', 'woocommerce_product_reviews_panel', 30 );

 

// и на последок удаляем встроенный в магазин sidebat Woo

remove_action( 'woocommerce_sidebar', 'woocommerce_get_sidebar', 10);

?>

Добавление кода производится в functions.php. Конечно, возможно удаление всего этого из шаблона вывода в плагине. Однако не стоит забывать про его регулярные обновления. Выходом из данной ситуации может служить следующая последовательность действий: копирование папки woocommerce/templates в папку шаблона и ее переименование в woocommerce. Теперь при редактировании можно не опасаться об исчезновении внесенных изменений при обновлении.

Не забываем роо оптимизацию интернет магазина:

Вывод

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

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

Теги:

Радик Алиев Делаем хорошие сайты. На блоге представлены самые новые премиум шаблоны Wordpress, с которыми Вы сможете быстро сделать сайт, причём качественный сайт. Главные рубрики: Шаблоны Wordpress, Плагины Wordpress, Уроки Wordpress, SEO для начинающих. Подписаться Вы можете получать все новые материалы по почте Похожие записи:

Отображение боковой панели (sidebar) Wordpress в любом посте или странице сайта с помощью Custom Fie...

Убрать части верхнего меню в админке Wordpress 3.3

Создаём Wordpress интернет магазин с плагином WooCommerce, часть 1 установка и настройка

Плагин Shortcodes Ultimate на все случаи жизни

← Создаём WordPress интернет магазин с плагином WooCommerce, часть 1 установка и настройка

Форум поддержки wordpress с плагином bbPress, настройка →

Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce Как сделать слайдер в woocommerce

Похожие статьи:




Поделка на тему 100 дней в школе




Схема вишивки рушника достатку




Схема входные сигнал усилитель




1с географическая схема масштаб




Маникюр с изумрудным цветом фото