Интегрируем WooCommerce с любой темой

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

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

Предполагается, что сам плагин вы уже установили.

1. Создаем woocommerce.php

В папке темы делаем копию файла page.php и даем новому файлу имя woocommerce.php. Открываем вновь созданный файл и заменяем существующий там цикл вывода, как правило, это строки от:

на код:

2. Делаем копию файлов WooCommerce

Копируем папку templates (со всем содержимым), находящуюся в папке плагина WooCommerce, в папку темы. При этом переименовываем название templates на woocommerce, то есть у вас появится папка

/wp-content/themes/ваша-тема/woocommerce/

В этой папке находятся шаблоны вывода различных страниц WC и мы их можем отредактировать для наших нужд. Страницей основного шаблона при этом является созданная нами woocommerce.php, но функция woocommerce_content выводит разное содержание, например, отдельный продукт или список продуктов. Например, за отдельный продукт отвечает файл content-single-product.php и т.д.

3. Декларируем поддержку WooCommerce

В файл function.php добавляем код, который указывает, что ваша тема поддерживает WC.

Вот и все. Далее нужно завести какой-нибудь продукт для тестирование и проверить отображение страниц. Скорее всего будет выглядеть не очень хорошо, поскольку в вашей теме не прописаны стили для WooCommerce. Можете сделать свои стили или взять bootstrap с сайта getbootstrap.com.

Описание используемых в WooCommerce шорткодов можно прочитать на сайте http://docs.woothemes.com/document/woocommerce-shortcodes/

https://www.youtube.com/watch?v=-CrD2Aaf1BI

Оцените статью
Делаем сайт своими руками
Комментарии: 4
  1. wireinet

    — почему-то не работает со страницами корзины и оформлением заказов, при переходе на эти страницы, используется опять-таки шаблон page.php…

    Ответить
  2. persol

    Они выводятся шорткодами.
    [woocommerce_cart] — шорткод корзины,
    [woocommerce_checkout] — шорткод страницы оформления заказа,
    [woocommerce_my_account] — шорткод личного кабинета.
    Как делаю я:
    Если стандартный шаблон (page.php) не подходит, то делаю отдельный шаблон для этих страниц и на них вывожу шорткод.

    Ответить
  3. YaBlogo

    У меня белый экран на стандартных страницах вукомерса и страницах товаров, тема кастомная. Это как раз такой случай?

    Ответить
  4. евгения

    добрый день не подскажите в корзине не видно цифр кол-во товара.
    в чем причина?

    Ответить
Добавить комментарии