WooCommerce Blocks

Описание

WooCommerce Blocks это наиболее простой и гибкий инструмент для отображения ваших товаров прямо в содержимом записей и страниц сайта!

Featured Product Block
Select and display a single product in a new, high impact fashion. Control text alignment, hide or show the price and description, add a color overlay, change the button call to action, and override the product photo.

Featured Category Block
Visually highlight a product category to increase traffic to that specific section on your shop.

Hand-Picked products Block
Display a grid of hand picked products. Products can be ordered in various ways.

Best Selling Products Block
Display a grid of your best selling products, filterable by category.

Top Rated Products Block
Display a grid of your top rated products, filterable by category.

Newest Products Block
Display a grid of your newest products, filterable by category.

On Sale Products Block
Display a grid of on sale products, filterable by category.

Products by Category Block
Display a grid of products from your selected category, or categories. Products can be ordered in various ways.

Products by Tag Block
Show a grid of products based on a specific tag that allows you to highlight products based on finer classification options.

Products by Attribute Block
Display a grid of products from your selected attributes.

Product Categories List Block
Display all your product categories as a list or dropdown and help shoppers to find a specific category.

Reviews by Product
Display reviews of a specific product to build trust in your product and brand.

Reviews by Category
Highlight reviews from specific categories and help merchants making an informed purchasing decision.

All Reviews
Show a list of all product reviews on a landing page, blog post or any other page in your site.

Product Search
Help shoppers find your products by placing a search box in specific locations.

Мы также улучшили фильтр выбора категорий. Если вы выбрали две или более категории, то, теперь вы можете выбрать отображение продуктов: показать товары находящиеся в ЛЮБОЙ или во ВСЕХ выбранных категориях.

Введение

Минимальные требования

  • WordPress 5.0
  • WooCommerce 3.6 или выше
  • PHP версии 5.2.4 или выше (рекомендуется PHP 7.2 или выше)
  • MySQL версии 5.0 или выше (рекомендуется MySQL 5.6 или выше)

Посетите соответствующую страницу документации WooCommerce для получения подробного списка требований к серверу.

Автоматическая установка

Автоматическая установка — самый простой вариант, так как WordPress обрабатывает передачу файлов сам, и вам не нужно выходить из веб-браузера. Чтобы выполнить автоматическую установку этого плагина, войдите в свою панель управления WordPress, перейдите в меню плагинов и нажмите «Добавить новый».

В поле поиска введите «WooCommerce Gutenberg Products Block» и нажмите «Поиск плагинов». Как только найдёте плагин, вы сможете просмотреть подробную информацию о нём, например, точную версию, рейтинг и описание. И самое главное — вы сможете установить его, нажав «Установить сейчас».

Ручная установка

Метод ручной установки включает в себя скачивание плагина и загрузку его на ваш сервер посредством FTP-приложения. Кодекс WordPress содержит инструкции о том, как это сделать здесь.

Пример данных

WooCommerce поставляется с образцами данных, которые можно использовать для оценки оформления товаров и быстрого и простого создания блоков товаров. Вы можете использовать стандартный импортер CSV или наш Плагин CSV Import Suite для импорта sample_products.csv.

Где я могу сообщить об ошибке или внести свой вклад в проект?

Об ошибках следует сообщать на GitHub странице плагина: WooCommerce Gutenberg Products Block GitHub repository .

Это здорово! Могу ли я внести свой вклад?

Да, вы можете! Присоединяйтесь к нашему GitHub-репозиторию 🙂

Release and roadmap notes available on the WooCommerce Developers Blog

Скриншоты

  • The Featured Product Block
  • Selecting a product for the Featured Product Block
  • Selecting Products for the Hand-Picked Products Block
  • Selecting categories in the Products By Category block
  • WooCommerce Product Blocks in the block inserter menu

Блоки

Этот плагин предоставляет 13 блоков.

woocommerce/product-on-sale
On Sale Products
woocommerce/reviews-by-product
Reviews by Product
woocommerce/all-reviews
All Reviews
woocommerce/reviews-by-category
Reviews by Category
woocommerce/handpicked-products
Hand-picked Products
woocommerce/product-category
Products by Category
woocommerce/featured-product
Featured Product
woocommerce/product-search
Product Search
woocommerce/product-categories
Product Categories List
woocommerce/featured-category
Featured Category
woocommerce/product-new
Newest Products
woocommerce/product-best-sellers
Best Selling Products
woocommerce/product-tag
Products by Tag

Отзывы

14.08.2019
You think we have website for fun? my shop is broke because of you sh***ty program since 3 weeks their is money involve, and you reply that you will see it soon. REALLY! For some of us it's our job dude! SHAME!
12.08.2019
I updated to Version: 2.3.0 today (8/12/19) and any pages that use Gutenberg blocks can not be edited. Each block shows "Error loading block: The site is experiencing technical difficulties." When deleted and attempt to pull new info from WooCommerce the block can't load any products, categories, etc
19.07.2019
This plugin causes exessive js: loading a significant amount of extra JavaScript from wp-includes/js/dist on the frontend due to doing it wrong!
14.07.2019
Plugin is broken. After 2.2 update, plugin will not add products to blog post. Error reads "Error loading block: The response is not a valid JSON response."
13.07.2019
After updating to 2.2.1 from 2.1.0 the shop images aren't loading (only the spider is rotating). The hover-flyouts of the dropdown menus are disappeared. After deactivating the plugin these errors are fixed.
Посмотреть все 26 отзывов

Участники и разработчики

«WooCommerce Blocks» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«WooCommerce Blocks» переведён на 12 языков. Благодарим переводчиков за их работу.

Перевести «WooCommerce Blocks» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

2.4.4 — 2019-10-15

  • Fix product search widget due to missing home url on the form action.
  • Fix fatal on WP_Error due to missing root namespace for class invocation.

2.4.3 — 2019-10-14

  • Refactor permission checks for authors.

2.4.2 — 2019-09-23

  • Fix product grids overflowing in some themes
  • Fix regression that prevented selecting product variations in the Featured Product block.

2.4.1 — 2019-08-30

  • Fix conflict with WooCommerce Admin.

2.4.0 — 2019-08-29

  • Feature: A new block named ‘All Reviews’ was added in order to display a list of reviews from all products and categories of your store. #902
  • Feature: Added Reviews by Product block.
  • Feature: Added Reviews by Category block.
  • Feature: Added a new product search block to insert a product search field on a page.
  • Enhancement: Add error handling for API requests to the featured product block.
  • Enhancement: Allow hidden products in handpicked products block.
  • Fix: Prevented block settings being output on every route. Now they are only needed when the route has blocks requiring them.
  • Dev: Introduced higher order components, global data handlers, and refactored some blocks.
  • Dev: Created new HOCs for retrieving data: withProduct, withComponentId, withCategory.
  • Dev: Export block settings to an external global wc.blockSettings that can be reliably used by extensions by enqueuing their script with the wc-block-settings as the handle. #903
  • Dev: Added new generic base components: <OrderSelect /> and <Label /> so they can be shared between different blocks. #905

2.3.1 — 2019-08-27

  • Fix: Fix deprecation notices with PHP 7.4.
  • Fix: Removed unused screen-reader-text css styles for buttons which caused some theme conflicts.
  • Fix: Left align stars to fix alignment in Storefront.
  • Fix: Best-sellers block query results #917
  • Fix: Fix duplicated translatable string #843

2.3.0 — 2019-08-12

  • Feature: Added a new Featured Category Block; feature a category and show a link to it’s archive.
  • Feature: Added a new Products by Tag(s) block.
  • Feature: Allow individual variations to be selected in the Featured Product block.
  • Feature: Added a button alignment option to product grid blocks to align buttons horizontally across the row.
  • Feature: Added a cancel button to the product category block editor to discard unsaved changes.
  • Enhancement: Change the toggle for list type in Product Category List block to a button toggle component for clarity.
  • Build: Updated build process and plugin structure to follow modern best practices. Minimum PHP version bumped to 5.6.
  • Fix: Correctly hide products from grids when visibility is hidden.
  • Fix: Fix Featured Category block using radio buttons instead of checkboxes.
  • Fix: Use externals for frontend dependencies so they are shared between extensions and blocks. That saves 2.57MB on page weight.
  • Fix: Load frontend scripts dynamically only when the page contains a block that requires them.
  • Fix: Reduce dependencies of JavaScript powered frontend blocks.
  • Fix: Disable HTML editing on dynamic blocks which have no content.
  • Fix: Hide background opacity control in Featured Product settings if there is no background image.
  • Fix: Reduce CSS specificity to make styling easier.
  • Fix: Fix author access to API for handpicked products block.

2.2.1 — 2019-07-04

  • Fix: Allow custom CSS classes on grid blocks.
  • Fix: Allow custom CSS classes on featured product block.
  • Fix: Allow custom CSS classes on product categories list.

2.2.0 — 2019-06-26

  • Feature: Add Product Categories List navigation block for showing a list of categories on your site.
  • Enhancement: All grid blocks are now rendered directly by the blocks code, not using the shortcode.
  • Enhancement: Brand the WooCommerce Blocks for better discoverability in the block inserter.
  • Build: Update build process to dynamically generate required WordPress dependencies.
  • Build: Update packages.

2.1.0 — 2019-05-14

  • Feature: Add focal point picker to the Featured Product block, so you can adjust the background image position (only available on WP 5.2+ or with Gutenberg plugin).
  • Fix: Improved fetching products from API, so searching for products in Featured Product & Hand-picked Products is faster for stores with over 200 products.
  • Fix: It might be possible to request over 100 products for the editor preview, but this would cause an API error — we now limit the preview request to 100 products.
  • Build: Update build script to show visual progress indicator.
  • Build: Update packages.

2.0.1 — 2019-04-22

  • Fix: Fix warnings about blocks already being registered.
  • Fix: Fix a conflict with WooCommerce 3.6 and WooCommerce Blocks 1.4 (this change only applies to the version of blocks bundled with WooCommerce core).

2.0.0 — 2019-04-18

  • BREAKING: Requires WordPress 5.0+, WooCommerce 3.6+
  • BREAKING: Remove the legacy block entirely
  • BREAKING: Remove the wc-pb/v3/* endpoints in favor of new core wc-blocks/v1/* endpoints
  • Feature: Add content visibility settings to show/hide title, price, rating, button
  • Feature: Add transforms between basic product grid blocks
  • Fix: Add product rating display to preview, to better match front end
  • Fix: Product titles render HTML correctly in preview
  • Fix: Icons are now aligned correctly in placeholders
  • Fix: Grid block preview column width now matches the front-end
  • Fix: Webpack now builds using a custom jsonp callback, fixing possible collisions with other projects
  • API: Change namespace, endpoints now accessed at /wc/blocks/*
  • API: Add catalog_visibility parameter for fetching products
  • API: Update structure of attribute term endpoint to return attribute.slug, attribute.name etc
  • API: Update parameters to use full names, category_operator, attribute_operator
  • Components: Move SearchListControl to @woocommerce/components library
  • Components: Added new control component GridContentControl to manage content visibility
  • Build: Reorganize CSS into one file for editor preview, and one file for front-end styles
  • Build: Move registration code to a new class
  • Build: Update packages

1.4.0 — 2019-02-12

  • Feature: Added new block: «Products by Attribute»
  • Enhancement: Added the ability to resize the Featured Product block (a default and minimum height can be set by your theme)
  • Enhancement: Updated button on Featured Product block to match core button block behavior
  • Components: Added new control component GridLayoutControl to manage row/column layout values
  • Components: Updated ProductAttributeControl to list only attribute types, then once selected, list terms in that attribute
  • UX: Remove ability to change selected product in Featured Product block, to prevent «sticky» product links.
  • Fix: A product without an image will now use the placeholder image in grid-layout block previews
  • Fix: Previously, there was a PHP notice when a Featured Product has no background image
  • Fix: There is now an enforced limit on column and row counts (which can be set by your theme)
  • API: Added attr_operator support to products endpoint to compare product attribute terms
  • Build: Update packages
  • Build: Remove unnecessary internationalization build step

1.3.1 — 2019-01-17

  • Исправление: Конфликт CSS приводил к сбросу стиля основных столбцов, теперь столбцы отображаются как положено.
  • Исправление: Конфликт версий с пакетом JS приводил к разрыву блоков в неанглийских локализациях. Пакет был обновлен.
  • Исправление: Переводы загружались неправильно для файлов JS. Теперь мы объединяем переводы на датский, испанский и французский языки, чтобы их можно было использовать.

1.3.0 — 2019-01-15

  • Feature: Added new blocks: «Featured Product», «Hand-picked Products», «Best Selling Products», «Newest Products», «On Sale Products», «Top Rated Products»
  • Enhancement: Create new «WooCommerce» block category, all blocks are found there now
  • Enhancement: Added a control to «Products by Category» block to control whether products need to match any selected categories or all selected categories
  • Fix: A «Products by Category» block with no category selected will no longer show all products
  • Legacy block: Remove legacy «Products» block from being shown in the block inserter (still loading the block for an existing uses)
  • Legacy block: Fix an issue with imageless products in the legacy «Products» block.
  • Components: Add new Control components ProductControl, ProductsControl, ProductOrderbyControl
  • Components: Update SearchListControl to allow selecting a single item
  • API: Add cat_operator support to products endpoint
  • API: Add product description & short_description to each product
  • API: Add attribute group names to each attribute
  • Build: Update packages
  • Build: Add cssnano to minify CSS
  • Build: Split out node_modules code into separate vendors files

1.2.0 — 2018-12-04

  • Feature — Stand-alone product category block with improved category selection interface.
  • Fix — All users who can edit posts can now use these blocks thanks to a new set of API endpoints allowing view access to products, product categories, and product attributes.
  • Fix — Compatibility with WP 5.0, fixed error “Cannot read property Toolbar of undefined”.
  • Fix — Only published products are shown in previews.
  • Enhancement — Translations should now load into the block (for WP 5.0+).
  • Enhancement — Modernized build process and developer tools, and added tests for faster future development.

1.1.2 — 2018-09-07

  • Fix — Refactor to remove withAPIData usage, as the class was removed in Gutenberg 3.7.

1.1.1 — 2018-08-22

  • Fix — Make Newness ordering order correctly on frontend.
  • Fix — Don’t cause fatal errors if WooCommerce is not active.

1.1.0 — 2018-06-06

  • Функционал — Добавлены блоки товаров «Лучшие продажи» и «Лучший рейтинг».
  • Исправление — Только постановка в очередь скриптов и стилей в бэкенде сайта.
  • Fix — Remove focus checks deprecated in latest Gutenberg version.
  • Fix — Added keys to some elements to prevent React warnings.
  • Enhancement — Added custom API endpoint for more accurate block previews with orderby.
  • Performance — Refactored the way the attribute select works to prevent many concurrent API requests on sites with many attributes.

1.0.0 — 2018-04-24

  • Первичная реализация Gutenberg Products block.