Java, UX, HTML, CSS, WEB-design

Настройте свой веб-сайт WooCommerce с помощью хуков

[ad_1]

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

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

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

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

Сегодня мы рассмотрим несколько основных примеров того, как хуки могут сделать WooCommerce намного лучше. Но сначала давайте выясним, почему они часто являются лучшим способом настройки.

Зачем использовать хуки?

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

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

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

Хуки, с другой стороны, не требуют от вас непосредственного редактирования шаблона. Вместо этого они позволяют вставлять код в определенное место и в определенное время. Поскольку они хранятся либо в вашей теме functions.php файла или пользовательского плагина, новые версии шаблонов практически не влияют на них.

Огромное количество крючков, встроенных в WooCommerce, часто делает его более эффективным и простым в обслуживании способом настройки.

Примеры хуков WooCommerce

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

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

Добавить сообщение на страницы продуктов

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

Хотя вы можете добавить сообщение к каждому отдельному продукту через серверную часть WordPress, это будет не очень эффективно. Вместо этого крюк мог сделать всю работу за один выстрел.

Вот код, который входит в вашу тему functions.php файл или пользовательский плагин:

Что оно делает

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

Идти дальше

Приведенный выше пример применим ко ВСЕМ товарам в вашем магазине. Но что, если вы хотите настроить таргетинг только на товары из определенной категории? Есть способ сделать это:

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

Специальное сообщение, отображаемое на странице продукта WooCommerce.

Удалить сопутствующие товары

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

Еще раз, следующий код входит в вашу тему functions.php файл или пользовательский плагин:

Что оно делает

Как видно из названия, remove_action() функция используется для удаления функции (woocommerce_output_related_products), прикрепленный к определенному крючку (woocommerce_after_single_product_summary) мы ориентируемся.

Также обратите внимание на номер 20 в коде. Это приоритет нашей функции и определяет, когда она запускается. Приоритет по умолчанию: 10, поэтому большее число указывает на то, что он будет работать после по умолчанию. Это гарантирует, что хук не будет переопределен самой WooCommerce.

Список сопутствующих товаров WooCommerce.

Переименовать вкладку продукта

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

Этот код (как вы уже догадались) должен быть помещен в вашу тему functions.php файл или пользовательский плагин:

Что оно делает

Эта функция извлекает заголовок каждой вкладки продукта («Описание», «Отзывы», «Дополнительная информация») и изменяет их заголовки на «Дополнительная информация», «Рейтинги» и «Данные продукта» соответственно. Конечно, вы можете изменить любое из этих названий в соответствии с вашими потребностями.

Переименованы вкладки продуктов WooCommerce.

Создание лучшего опыта покупок

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

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

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

Этот пост может содержать партнерские ссылки. Смотрите нашу информацию о партнерских ссылках здесь.

[ad_2]
Source: 1stwebdisigner

Заключение

Вы ознакомились с статьей — Настройте свой веб-сайт WooCommerce с помощью хуков

Пожалуйста оцените статью, и напишите комментарий.

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

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

Ваш адрес email не будет опубликован.

Краткое описание по статье Настройте свой веб-сайт WooCommerce с помощью хуков

Название: Настройте свой веб-сайт WooCommerce с помощью хуков . Краткое описание: [ad_1] ⭐ Одной из главных причин продавать товары и . Дата публикации: 21.01.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

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

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»