Gutenberg blocks

Build pages with WoodMart blocks: rows and containers, flexbox, responsive controls and dynamic content.

• About Gutenberg blocks What WoodMart adds to the Gutenberg block editor: layout, content, media and shop blocks, what you can build and performance considerations.
• How to use Gutenberg with WoodMart Use Gutenberg as the page builder in WoodMart: choose it in the setup wizard, switch an existing site to it and move content.
• Row and Container block configuration Lay out Gutenberg pages with the WoodMart Row and Container blocks: column layouts from 1 to 12 columns and flexible content wrappers.
• Full width section block configuration Create full-width page sections with the WoodMart Full width section block for Gutenberg and control the width of their content.
• Position content with Flexbox Position blocks with Flexbox inside WoodMart Column, Container and Full width section blocks: align self, flex, order and spacing.
• Advanced block settings The Advanced tab of WoodMart Gutenberg blocks: dimensions, layout, animations, position, transforms, parallax and responsive visibility.
• Nested WoodMart blocks How complex WoodMart Gutenberg blocks such as banners, info boxes and testimonials are built from nested blocks you can edit one by one.
• Responsive editing for tablets and mobile Edit WoodMart Gutenberg blocks for tablet and mobile: breakpoints, device preview, responsive values and how they are inherited.
• Configure parent hover effects Change child blocks when their parent is hovered with the WoodMart parent hover option, for cards, banners and other grouped content.
• Dynamic content Connect WoodMart Gutenberg blocks to WordPress data with dynamic content: post titles, product images, taxonomy terms and ACF fields.
• Add a WoodMart slider to a Gutenberg page Build a slider right in the Gutenberg editor with the WoodMart Slider block: add slider items and fill them with any blocks.