Фрагменты кода для интеграции WooCommerce с генезисом рамки

При интеграции WooCommerce с структурой Genesis,вы, скорее всего, столкнетесь с рядом проблем с макетом/укладкой. Это немного удивительно, что все эти вопросы не были официально прояснены, учитывая популярность как WooCommerce и Бытие.

Помимо проблем с укладкой, в зависимости от вашей версии WooCommerce, вы также можете увидеть сообщение об ошибке, как это в вашей области WordPress админ:

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

Эта статья в основном для справочных целей.

Ниже я предоставлю фрагменты кода, чтобы исправить выше сообщение об ошибке и решить почти все макет и укладка вопросов, с которыми вы можете столкнуться в процессе интеграции WooCommerce и Genesis.

ПРИМЕЧАНИЕ: Да, я знаю, что есть официальный плагин от StudioPress (Бытие Connect для WooCommerce), чья единственная цель состоит в том, чтобы помочь с этой интеграцией. Но у меня было слишком много вопросов, экспериментируя с плагином (проблемы боковой панели, в частности). Так что я закончил работать с фрагментами ручного кода ниже.

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

Все фрагменты кода ниже должны быть добавлены в файл functions.php вашей активной темы ребенка Бытия.

1. Добавить поддержку WooCommerce

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

функция ehi'kioya'wc'theme-поддержки () -
    добавление темы-поддержки ('woocommerce');
добавить действие ('после-setup-theme', 'ehi'kioya'wc'theme-support';;;;;;;;;;;;;

2. Удалите WooCommerce хлебные крошки

Для поддержания последовательного взгляда и ощущения на всем сайте, вы можете удалить Сухари WooCommerce и автоматически заменить их на панировочные сухари Genesis.

Используйте этот фрагмент кода для этого:

добавить действие ('init', 'ehi'kioya'remove-wc'breadcrumbs');
функция ehi'kioya-remove-wc-breadcrumbs () -
    удалить действие ('woocommerce)'до'основного содержания', 'woocommerce-breadcrumb', 20, 0);

3. Обертки и Layouts Tweaks для интеграции WooCommerce с Бытием

Добавьте поддержку WooCommerce для макетов Genesis.
добавить-пост-тип-поддержку('продукт', массив ('генезис-макеты', 'генезис-seo'));

Удалите боковую панель WooCommerce. Вместо этого будет использоваться боковая панель Genesis.
remove-action('woocommerce-sidebar', 'woocommerce'get'sidebar', 10);

Отцепить (или удалить) Обертки WooCommerce.
удаления действия ('woocommerce'before'main-content', 'woocommerce'output-content-wrapper', 10);
удаления действия ('woocommerce'after'main-content', 'woocommerce'output-content-wrapper'end', 10);

Крюк (или заменить их) новые функции с обертками Бытие.
добавить действие ('woocommerce'before'main-content', 'ehi'kioya-theme-wrapper', 10);
добавить действие ('woocommerce'after-main-content', 'ehi'kioya-theme-wrapper'end', 10);

Открывают обертку. Перед началом петли WooCommerce.
функция ehi'kioya-theme-wrapper-start () -
    do-action('genesis)before-content-sidebar'wrap';;
    генезиса -разметка (array
        (html5' (html5' (згт); ''lt;div %s'gt;',
        'xhtml'
    do-action ('genesis'before'content');
    генезиса-разметка (array
        (html5' (html5' (згт); 'злт;основной % s'gt;',
        'xhtml'
    do'action ('genesis'before-loop');

Закрываю оболочку. После окончания цикла WooCommerce.
функция ehi'kioya-theme-wrapper-end () -
    do-action ('genesis'after-loop');
    генезиса-разметка (array
        (html5'
    do-action ('генезиса)';;;;;;;;;;
    эхо 'Яlt;/div'gt;';
    do'action('genesis'after-content-sidebar'wrap';;

4. Замена Бытие боковой панели с пользовательским один

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

Для этого возьмите официальный плагин WooSidebars разработчиками WooCommerce.

После установки и активации плагина, перейдите на внешний вид Шаги оттуда довольно интуитивно понятны.

Вы поклонник темы Бытия? Вот еще один Бытие рамки «взломать» вам может понравиться: Удалить Дата из старых (но Evergreen) Сообщения в Бытие.