• ДОБРО ПОЖАЛОВАТЬ В КЛУБ ПО WORDPRESS

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

    Присоединяйтесь к нам, вам обязательно понравится - Присоединится

Совет Своя тема + WooCommerce делаем совместимую тему

Wildcdu

ЭКСПЕРТ

Wildcdu

ЭКСПЕРТ
Сообщения
1,120
Шаг 1
в файл function.php добавляем в конец следующий код
Код:
add_action( 'after_setup_theme', 'woocommerce_support' );
function woocommerce_support() {
    add_theme_support( 'woocommerce' );
}
Шаг 2
Создать файл для вывода страниц магазина WooCommerce в папке с нашей темой
В папке с темой копируем файл page.php и переименовываем его в woocommerce.php
Открываем этот файл и находим цикл с выводом постов.
Код:
<?php if ( have_posts() ) : ?>
меняем на
Код:
<?php woocommerce_content(); ?>
Шаг 3
Добавить шаблоны WooCommerce в папку с темой
Для страниц (корзина, товар, каталог итд.) у WooCommerce предусмотрены свои шаблоны. Они находятся в папке с плагином. Заходим в неё по адресу
Код:
имя_сайта/wp-content/plugins/woocommerce/
Копируем папку «/templates/" в папку с темой и переименовываем её в «/woocommerce/».
Можно переносить некоторые шаблоны, например:
копируем из папки
Код:
имя_сайта/wp-content/plugins/woocommerce/templates/cart/cart.php
в папку темы
Код:
ваша_тема/woocommerce/cart/cart.php
Теперь можно не бояться, что при обновлении WooCommerce тема перестанет быть совместимой.
Шаг 4
Меняем стандартные стили WooCommerce
Подключаем свои стили WooCoommerce. Для этого добавляем в файл index.php, page.php, single.php в теме следующий код (обязательно в конец)
Код:
<link rel="stylesheet" href="<?=get_template_directory_uri()?>/wc.css" type="text/css" media="screen" />
создаём файл стилей wc. css — в него копируем необходимые стили из стандартных стилей WooCommerce:
Код:
имя_сайта/wp-content/plugins/woocommerce/assets/css/
Шаг 5
Создать страницы магазина WooCommerce и вписать шорткоды в них
  • [woocommerce_cart] — корзина
  • [woocommerce_my_account] — аккаунт
  • [woocommerce_checkout] — формирование заказа
  • [woocommerce_order_tracking] — отслеживание заказа
Для просмотра ссылки Войди или Зарегистрируйся

Шаг 6
Самый сложный!!! Начинайте пользоваться своими трудами и достигать новых вершин!


Ну как бы все)
Дополнения поправки критика приветствуется.
Материал не является аксиомой или всеобъемлющим руководством к действию. Не является первоисточником и не претендует на уникальность.
Спасибо за внимание.
 
Последнее редактирование:

Топ поддержки


Сверху