Компания WooCommerce экспериментирует с улучшением качества работы магазина, добавляя API Interactivity в плагин WooCommerce Blocks. Новый API, анонсированный в начале этого года, позволит разработчикам создавать интерактивные блоки, поддерживающие фронтенд, в которых посетители могут взаимодействовать с контентом без необходимости обновлять страницу. Разработчики WordPress, работающие над API, предлагают разработчикам протестировать его на собственных блоках.
В версии WooCommerce Blocks 10.9.0, выпущенной в середине августа, кнопка Product Button была интегрирована с API Interactivity API для поддержки обновления счетчиков в мини-корзине в режиме реального времени, более плавной анимации и более удобного перехода из состояния "Добавить в корзину" в состояние "Загрузка" для отображения количества товаров в корзине при добавлении продукта.
Разница малозаметна, но она создает гораздо более плавный процесс покупки с практически мгновенной обратной связью для пользователя. Разработчики также изучают возможности использования Interactivity API для улучшения фильтров фронтенда, включая фильтры рейтинга, цены, акций и атрибутов. В будущем API появится в Gutenberg и WordPress, а пока WooCommerce проводит эксперименты, чтобы понять, какие преимущества могут получить блоки плагина.
Translated with DeepLНа прошлой неделе была опубликована версия 11.0.0, в бета-версии был представлен новый блок "Коллекция товаров":
Как и в блоке "Товары", здесь можно выбирать критерии, влияющие на список блоков, отображаемых покупателям, и управлять расположением товаров в списке/сетке с помощью различных блоков элементов.
В отличие от блока "Товары", который является вариацией блока "Цикл запросов", этот блок является самостоятельным блоком, что позволяет нам дорабатывать его в соответствии с потребностями продавца.
Блок Product Collection очень похож на блок Products, от которого он был заимствован, за исключением того, что он не построен как вариация Query Loop. По сравнению с текущим блоком Products в нем улучшены элементы управления Inspector, а также имеется базовый набор шаблонов. В блок уже интегрирован Interactivity API, что позволяет повысить производительность фронтенда.
Поскольку блок Product Collection пока находится в бета-версии, WooCommerce Blocks пока не вносит изменения в существующие шаблоны, содержащие блоки Product. Команда разработчиков хочет получить больше отзывов об этом блоке, прежде чем выводить его из бета-версии. О других улучшениях и исправлениях читайте в релизе.