Skip to content
Feature plugin for the WooCommerce Gutenberg Products block
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github
assets Update grid blocks preview to match width of products on the frontend ( Mar 15, 2019
bin Build: Add translation conversion script (#486) Mar 13, 2019
languages Build: Add translation conversion script (#486) Mar 13, 2019
tests Update grid blocks preview to match width of products on the frontend ( Mar 15, 2019
.editorconfig
.eslintignore
.eslintrc.js Update eslint config to ignore legacy block (#176) Nov 30, 2018
.gitattributes
.gitignore
.nvmrc
.stylelintrc.json
.travis.yml Add pre-publishing script and bump version to 2.0.0-rc1 (#494) Mar 15, 2019
README.md
babel.config.js
composer.json
composer.lock chore(deps): update dependency woocommerce/woocommerce-sniffs to v0.0… Mar 12, 2019
license.txt Readme Apr 20, 2018
package-lock.json chore(deps): update wordpress monorepo (#501) Mar 20, 2019
package.json
phpcs.xml
phpunit.xml.dist
postcss.config.js
readme.txt Bump the version, update the changelog (#478) Mar 6, 2019
renovate.json Add renovate.json (#127) Nov 15, 2018
webpack.config.js chore(deps): update dependency clean-webpack-plugin to v2 (#466) Mar 4, 2019
woocommerce-gutenberg-products-block.php

README.md

WooCommerce Product Blocks

Feature plugin for the Gutenberg Products block.

Getting started with the stable version:

  1. The stable version is available on WordPress.org. Download the stable version here.
  2. Activate the plugin.
  3. On Gutenberg posts you should now have a Products block available.

Getting started with the development version:

  1. Make sure you have WordPress 5.0+ and WooCommerce 3.5.1+
  2. Get a copy of this plugin using the green "Clone or download" button on the right.
  3. npm install to install the dependencies.
  4. npm run build (build once) or npm start (keep watching for changes) to compile the code.
  5. Activate the plugin.
  6. On Gutenberg posts & pages you should now have a "Products" block available.

The source code is in the assets/js/products-block.jsx file and the compiled code is in build/products-block.js.

Gutenberg Tutorial and Docs: https://wordpress.org/gutenberg/handbook/designers-developers/developers/tutorials/block-tutorial/introducing-attributes-and-editable-fields/

Using API in Gutenberg: https://github.com/WordPress/gutenberg/tree/master/packages/api-fetch

Vision for the Feature

Users should be able to insert a variety of products from their store (specific products, products in a category, with assorted layouts and visual styles, etc.) into their post content using a simple and powerful visual editor.

You can’t perform that action at this time.