Gutenberg Blocks

ShopWP Pro comes with 13 Gutenberg Blocks for displaying Shopify products and collections.

This feature is only available in ShopWP Pro.

Products block

Displays one or more Shopify products in a grid layout. All product components (title, pricing, etc) will be shown by default but can be selectively excluded if needed.

Product Buy Button block

Displays the buy button of one or more product(s), excluding the other layout components.

Product Title block

Displays the title of one or more product(s), excluding the other layout components.

Product Pricing block

Displays the pricing of one or more product(s), excluding the other layout components.

Product Description block

Displays the pricing of one or more product(s), excluding the other layout components.

Product Images block

Displays the images of one or more product(s), excluding the other layout components.

Storefront block

Displays the entire Storefront component. This is equivalant to using the [wps_storefront] shortcode.

The Storefront component comes with product filters and sorting.

Collections block

Displays one or more Shopify collections in a grid layout. This will not show the collection products by default, but can be selectively included if needed.

Collection Title block

Displays the title of one or more collections(s), excluding the other layout components.

Collection Description block

Displays the description of one or more collections(s), excluding the other layout components.

Collection Image block

Displays the image of one or more collections(s), excluding the other layout components.

Cart Icon block

Displays a cart icon that allows users to toggle the ShopWP cart.

Search block

Displays an input field that allows users to dynamically search for products without a page load.