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.