Настройте свой магазин WooCommerce с помощью хуков WordPress

Последнее обновление — 24 февраля 2020 г.

В этой статье мы представим одну из самых важных тем при разработке тем WordPress или плагинов для WordPress: хуки WordPress и объясним разницу между хуками действий и хуками фильтров.

Хуки встроены в ядро ​​WordPress, большинство тем WordPress и все популярные плагины WordPress. Хуки WordPress — это система, управляемая событиями, которая позволяет вам добавлять свой собственный новый код или редактировать существующий код в экосистеме WordPress.

Крючки WooCommerce

Хуки WordPress — это, по сути, функции php, которые позволяют вам добавлять свой собственный код в WordPress или редактировать существующий код в WordPress без необходимости редактирования основных файлов при настройке вашего сайта WordPress и/или магазина WooCommerce.

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

Действия и фильтры WooCommerce:

Существует 2 разных типа хуков, которые вы можете использовать для дальнейшей настройки вашего магазина WooCommerce. Хотя рекомендуется НЕ редактировать файлы темы или плагина напрямую, рекомендуется либо создать дочернюю тему , а затем вставить фрагменты кода php в файл functions.php, либо использовать плагин WooCustomizer , который позволяет вам редактировать множество фильтров, не зная, как кодировать.

Крючки действий:

Хуки действий размещаются в WooCommerce с помощью функции do_action( 'action_name' ) , поэтому вы можете использовать имя действия, чтобы указать, где вы хотите выполнить код, который вы добавляете.

Чтобы добавить свой собственный код, вы просто создаете новую функцию php с вашим кодом внутри и указываете, где вы хотите, чтобы код запускался, добавляя имя действия в качестве первого параметра в функцию add_action() .

Пример:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

Таким образом, вы просто говорите коду WooCommerce: « добавь мое действие, когда запускается это действие do_action ».

Хуки фильтра:

Хуки-фильтры вызываются в WooCommerce с помощью функции apply_filter( 'filter_name', $variable ) . Это позволяет вам манипулировать переменной, которая передается в функцию, а затем возвращать значение переменной по мере необходимости.

Пример:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

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

С хуками Filter вам нужно вернуть значение .

Вы не уверены в создании дочерней темы, добавлении или редактировании собственных функций php с помощью хуков WooCommerce?

Настройте свой магазин WooCommerce с помощью WooCustomizer

Взгляните на новый плагин WooCustomizer … WooCustomizer обладает множеством функций для редактирования и дальнейшей настройки вашего магазина WooCommerce без каких-либо знаний в области программирования или добавления собственного кода.

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

Некоторые функции, которые предлагает плагин WooCustomizer:

• Редактировать баннеры «Распродажа» для страниц «Магазин» и «Продукт»
• Изменить кнопки «Добавить в корзину» для разных типов продуктов
• Удалите все элементы страницы магазина, продукта, учетной записи пользователя и/или корзины.
• Добавьте баннеры «Новый продукт» или «Распродано» к товарам вашего магазина.
• Настройте дизайн кнопок «Добавить в корзину», рекламных баннеров и т. д.
• Редактировать вкладки учетной записи пользователя и основные поля Checkout для пользователей
• Добавьте статистику продукта в интерфейс веб-сайта для пользователей с правами администратора.
• Добавить пункт меню Вход/Выход в любое выбранное меню

+ многое другое

Скачать WooCustomizer

Хотите большего для своего магазина WooCommerce?

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

WooCustomizer Pro включает в себя:

Режим каталога для WooCommerce

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

Пользовательские страницы благодарности для WooCommerce

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

Быстрый просмотр продукта для WooCommerce

Предоставьте своим пользователям возможность просмотреть полную информацию о продукте и легко «добавить в корзину» или просмотреть все изображения во всплывающем окне на страницах вашего магазина или архива. Это поможет вашим пользователям быстрее перемещаться по магазину.

Ajax-поиск WooCommerce

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

Корзина меню WooCommerce

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

Посмотреть WooCustomizer

Используйте наш специальный купон, чтобы получить скидку 15% на первую покупку WooCustomizer.

LW15OFF

Начните редактирование с крючками!

Теперь, когда вы понимаете, как хуки WordPress работают в WordPress и WooCommerce, вы можете легко добавлять или редактировать необходимые функции в своем интернет-магазине WooCommerce.

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

Если вы все еще немного не уверены в добавлении собственного кода для дальнейшего редактирования вашего магазина WooCommerce, мы рекомендуем попробовать плагин WooCustomizer . Он использует все доступные хуки WooCommerce и создает визуальный интерфейс для редактирования кода, все это встроено в WP Customizer, а также предлагает гораздо больше, например, статистику продукта, элементы меню входа / выхода и многое другое.