Updates

WoodMart 8.0-beta – Gutenberg (UPDATED 29 Oct.)

UPDATED: (29 October) Beta released. The new update is almost complete, and we are doing the final test. We hope to release it next month.

We are thrilled to announce that we are working on the most significant update in WoodMart’s history! This upcoming 8.0-beta release will mark the introduction of Gutenberg support, bringing a whole new level of flexibility and functionality to our theme. With Gutenberg’s powerful block editor, you’ll be able to create stunning, highly customizable pages with ease, taking full advantage of its seamless integration with WoodMart.

Editing a page using WoodMart Gutenberg blocks

Join our beta testers team.

We are now ready to release the beta version and invite you to join our beta test team. This is an exciting opportunity for you to get an exclusive first look at the new features, provide valuable feedback, and help us ensure that the final release meets the highest standards of quality and performance. By participating in the beta testing, you will play a crucial role in shaping the future of WoodMart and making it even better for the entire community. Join us in this journey and be a part of the innovation!

Why is Gutenberg a good choice as a page builder?

Gutenberg, introduced as the main editor for WordPress some time ago, initially faced mixed reactions from users. However, the WordPress team has consistently focused on improving Gutenberg, dedicating significant resources to its development and enhancement. With each update, Gutenberg has become more powerful, user-friendly, and reliable. Today, it stands as a robust and intuitive editor, offering a seamless experience for creating and customizing content. The continuous improvements have addressed early concerns, making Gutenberg a bug-free and efficient tool that aligns perfectly with the needs of modern WordPress users.

One of the main benefits of integrating Gutenberg as a supported page builder in the WoodMart theme is that it offers a native WordPress solution alongside Elementor and WPBakery. While both Elementor and WPBakery are still excellent and widely used builders, Gutenberg stands out by being built directly into WordPress, eliminating the need for extra plugins. This not only streamlines your website’s setup but also reduces potential conflicts and improves overall performance. With Gutenberg, you can leverage the same powerful capabilities, and in some cases, even more options than other builders provide, all while maintaining a lightweight and efficient site. This native integration ensures a more seamless and optimized experience, empowering you to create stunning, customized pages with ease.

Editor interface with block configuration options

Beta version features

It’s important to understand that an beta release is not ready for production use. We highly recommend testing the 8.0-beta version on a staging website only. At this stage, some elements are not available yet, and the custom layouts functionality is still in development. Additionally, the dummy content includes a limited number of prebuilt demo websites.

Please note that future updates may contain breaking changes, so creating your production website content now could result in broken markup in the final release. However, this beta version contains all the main blocks to demonstrate the concept of using Gutenberg as a primary page builder. You will find structural elements like rows, columns, and containers, as well as all the necessary components to display WooCommerce entities such as products and categories. The beta also includes functionality for element backgrounds, colors, responsive settings, margins, padding, animations, and more. This comprehensive set of features will give you a solid understanding of how Gutenberg can be utilized within the WoodMart theme.

Gutenberg product block settings

What about performance?

When it comes to performance, Gutenberg offers significant advantages compared to using Elementor and WPBakery page builders. By utilizing Gutenberg, we ensure that only necessary blocks are loaded and their CSS and JS code optimized to be as light as possible. Additionally, Gutenberg-generated pages contain fewer DOM elements, making them lighter and faster on average than similar pages built with Elementor or WPBakery.

Your pages will only include the code necessary for the elements used, resulting in more efficient and streamlined content. Furthermore, most elements added to your page with Gutenberg are simple static HTML markup that does not require running any PHP code. This includes basic blocks like rows, columns, text, and images, contributing to faster load times and improved overall performance. By choosing Gutenberg with WoodMart, you can create a more efficient, high-performing website.

How to join the beta test

To join the beta test, simply follow the Download (Need to log in) link we provide to download the 8.0-beta version and update it as usual. Additionally, you can access the draft of our documentation through this link, which offers basic information on how to use Gutenberg within our theme. If you encounter any issues, have questions, or suggestions, please create a topic on our support forum and mention [GUTENBERG] in the subject line of your support request. We highly value your feedback and look forward to your contributions in refining this major update.

You may install this beta version on a fresh WordPress installation or update your website as usual. To update the theme to just need to upload the beta package via Appearance -> Themes -> Add new.

  1. If you install the theme from scratch, you will need to select Gutenberg editor during the setup wizard. This will enable all necessary options to load all blocks on your website and mark Gutenberg as a primary page builder.
Primary page builder selection during the theme setup wizard
  1. If you update from previous version you will need to enable Gutenberg in Theme Settings -> Other -> Current builder. Also turn on Gutenberg blocks option in Theme Settings -> Other.
Gutenberg editor related options in theme settings

Now you should be able to see all theme blocks in the Gutenberg editor and import the dummy content.

Roadmap

ETAVersionDescription
nowalpha ✅We will update our alpha archive if any critical issues are reported
2 monthsalpha-2 ✅Will include 30-40 prebuilt demos and custom layouts functionality
4 monthsbeta ✅All prebuilt demos and layouts. All blocks.
5 monthsstableFinal release

Other changes

In version 8.0, we also made several improvements that do not directly relate to the Gutenberg editor but will overall enhance the appearance and speed of the site, including:

  1. Removing the Bootstrap grid because it added a lot of unused CSS to the page. The layout structure has been redesigned and optimized accordingly. The structure was changed in the footer and in areas where content is displayed with a sidebar. The following classes are no longer used in the WoodMart theme: row, wd-spacing-, no-gutters, col, col-, col-auto, col-sm-, col-sm, col-sm-auto, col-md-, col-md, col-md-auto, col-lg-, col-lg, col-lg-auto, col-xl-, col-xl, col-xl-auto, align-items-start.
  2. Off-canvas sidebar now can be added on desktop and tablet devices, whereas previously it was only possible on mobile.
  3. The social share buttons element underwent a refactoring process. The CSS classes were changed from cons-design- to wd-style-, icons-size- to wd-size-, and social-form- to wd-shape-.
  4. Refactoring of breadcrumb navigation. Previously, breadcrumbs had different styles and structures for the shop and blog pages. Now, the structure and classes are consistent.
  5. Tooltips changes. Before, there were two types of tooltips: some were added via JavaScript, while others were directly in HTML. We refactored those in HTML, reducing the number of tags on the page and CSS size by 30%.

Full changelog

Beta 30-10-2024

  • NEW VERSION: Makeup.
  • NEW FEATURE: “Estimated delivery” option.
  • ADDED: Compare images element.
  • ADDED: All prebuild websites for Gutenberg.
  • ADDED: Additional pages import for Gutenberg.
  • ADDED: Prebuild layout templates for Gutenberg.
  • ADDED: Theme settings custom CSS & custom JS fields tabs layout.
  • ADDED: “Estimated delivery” layout builder element.
  • ADDED: “FAQ Scheme” option to accordion and toggle elements.
  • ADDED: “Enable the Gutenberg editor for products” in Theme Settings.
  • ADDED: “Free gifts” element to Gutenberg builder.
  • ADDED: “Size guide” element to Gutenberg builder.
  • ADDED: Compatibility with WooCommerce 9.4 Beta.
  • ADDED: Option “Product brands” to product meta element.
  • ADDED: “Wait interval” option to Wishlist.
  • ADDED: “Allow adding multiple identical gifts” option to Free Gifts.
  • ADDED: “Form background” option to Frequently Bought Together layout builder element.
  • ADDED: Viber social link.
  • ADDED: Quantity typography options to dynamic discount table element.
  • ADDED: Typography and gap option to Menu list element.
  • ADDED: Icon width and height option to mega menu element.
  • ADDED: “Cart totals layout” option.
  • REFACTORED: Dokan plugin styles.
  • REFACTORED: WC Vendors plugin styles.
  • REFACTORED: WCFM plugin styles.
  • REFACTORED: YITH multivendor plugin styles.
  • REFACTORED: Woo Payments plugin styles.
  • REFACTORED: Cart table styles.
  • REFACTORED: Cart and Checkout pages.
  • FIXED: Renamed the option “Show SKU on thank you page” to “Show SKU on order details”.
  • FIXED: Corrected the functionality of the “Show SKU in customer order received email” option.
  • FIXED: WoodMart animations after PJAX.
  • FIXED: Navigation icons width.
  • DEV: Added filter “woodmart_related_products_args” for related product on single product page.
  • DEV: Added filter “woodmart_upsells_products_args” for upsells product on single product page.
  • DEV: Added filter “woodmart_cross_sells_products_args” for cross-sells product on cart page.

Alpha2 06-08-2024

  • ADDED: 70+ prebuild websites.
  • ADDED: Single product Gutenberg layout builder.
  • ADDED: Product archive Gutenberg layout builder.
  • ADDED: Cart & Checkout Gutenberg layout builder.
  • ADDED: Timeline block.
  • ADDED: Toggle block.
  • ADDED: Collapsible content block.
  • ADDED: Marquee block.
  • ADDED: Hotspot block.
  • ADDED: 360 degree view block.
  • ADDED: Divider block.
  • ADDED: Menu price block.
  • ADDED: Navigation anchor block.
  • ADDED: Custom table block.
  • ADDED: Quote block.
  • ADDED: Open Street Map block.
  • REFACTORED: Hint tooltips.
  • REFACTORED: Single blog post.
  • REFACTORED: Page title.
  • REFACTORED: Breadcrumbs.
  • REFACTORED: Cart & Checkout page

Alpha

  • NEW FEATURE: WoodMart Gutenberg blocks.
  • ADDED: Six prebuild websites made via Gutenberg blocks.
  • ADDED: Size option for accordion item opener.
  • ADDED: Start value for Animated counter element.
  • ADDED: Skype social link.
  • ADDED: Button color option to Contact form 7 element.
  • ADDED: Off-canvas sidebar for desktop and tablet devices to all pages.
  • REFACTORED: Bootstrap grid replaced with own grid layout.
  • REFACTORED: Accordion element styles.
  • REFACTORED: Hint tooltip styles.
  • REFACTORED: Social icons’ element.
  • REFACTORED: Theme buttons styles.
  • REFACTORED: Off-canvas sidebar.
  • REFACTORED: Breadcrumbs on shop and blog pages.
  • REMOVED: Bootstrap grid styles and layout structure.

42 thoughts on “WoodMart 8.0-beta – Gutenberg (UPDATED 29 Oct.)

  1. Jamescarter says:

    Hey team,
    Alpha version is released on May 23,
    It is already July 27,

    As per the road map the alpha 2 version should be rolled out by now..

    When will it come>??

    1. Artem Temos says:

      Hey team,

      The alpha version is ready but needs some extra testing. It will be delayed for one week. Thank you for your patience.

      Best regards

  2. Hi, we are really looking forward to the update =)

  3. xtemos-0973 says:

    Tried out Alpha 2 for a short time and the following problems occured with Gutenberg editor:
    1. Single product layout: When using attribute table element with multiple columns it shows correct in backend preview but on frontend it always shows only 1 column.
    2. Checkout layout: When using checkout form element it shows as 2 columns in backend but only with 1 column in frontend.

    1. Artem Temos says:

      Thank you for the feedback. Since we can’t reproduce reported issues, could you please send us a message using the contact form and provide us with your website URL so we can check it? https://xtemos.com/contact-us/

    1. Artem Temos says:

      Hello,

      Please create a topic on our support forum or send us a message using contact form so we can check this issue on your website.

      Kind Regards

  4. devsayed57 says:

    Team, you’re doing an amazing job! I just tested the Alpha 2 release, and it’s already top-notch! The way you’ve crafted the advanced elements/components—especially the tabs, slider, carousel, and accordion with nesting capabilities—is incredible! This is going to be a game-changing update. Hats off to you all!

    1. Artem Temos says:

      Hello,

      Thank you very much for your feedback! We are happy to hear that you like it. And you are right, Gutenberg opens many new possibilities in WordPress site building with WoodMart.

      Kind Regards

  5. DevSayed says:

    I’m excited about the beta release, are you going to drop it this month?

    1. DevSayed says:

      Any updates on the beta release?

      1. Artem Temos says:

        We will release our beta version next month.

  6. khalil8w3 says:

    Hello Team,

    Thank you for the hard work you are doing.
    Want to ask if will there be any ability to switch websites from WP Bakery to Gutenberg after it is released? Or the websites should be redone?

    Regards.

    1. Artem Temos says:

      Hello,

      Unfortunately, there will not be an option to switch directly from WPBakery to Gutenberg once it’s released. If you’d like to use Gutenberg, you would need to rebuild the website from scratch.

      Regards

      1. ahmadmahjoob says:

        WHAT ABOUT ELEMENTOR TO Gutenberg ?

        1. Artem Temos says:

          Unfortunately, there is no such ability.

      2. xtemos-0973 says:

        Is it possible to use Elementor and Gutenberg at the same time? So you can rebuild one page after another and not all pages at the same time?

  7. leviathansh says:

    Do this update will be compatible with woocommerce checkout blocks?

    1. Artem Temos says:

      Our theme is already compatible with WooCommerce checkout blocks, but we are also going to add some custom theme styling to them soon.

  8. leviathansh says:

    Hello team, I already tested the alpha 2 version of Woodmart 8.0 and I must say that you all are really doing a great job. I am very excited and eagerly waiting to try the beta version.

    1. Artem Temos says:

      Hello,

      Thank you very much for your feedback. We are going to release our beta version later this month.

      Kind Regards

  9. CyberDome says:

    Create a separate block for product video on the woocommerce layout singal product page in WordPress Gutenberg Update

  10. Hi, we are really looking forward to updates

  11. xtemos-0973 says:

    Where can i set the estimated delivery time for a product?

    1. xtemos-0973 says:

      Just for clarification: I already had activated the new feature in the backend.

      1. Artem Temos says:

        Hello,

        Make sure that you have updated the WoodMart core plugin to the latest version. Then you will be able to find this option in Products -> Estimate delivery.

        Kind Regards

        1. Hi, I have enabled the option, it is not displayed anywhere, how does it work with Dokan?

  12. ahmadmahjoob says:

    please accept Woodmart Translations on this page:
    https://xtemos.com/glotpress/projects/woodmart/

    1. Artem Temos says:

      Thank you for your contribution. We have accepted your translations.

      1. Hello, there are no lines to translate into Russian

  13. Hi, there are no translation strings for “Estimated Delivery Time” in the “loco Translate” plugin, please add strings for translation into Russian

  14. touhamii.mohamed says:

    Thanks so much for the updates! I’m switching over to Gutenberg,
    any idea on the release date for the official version?

    1. Artem Temos says:

      Hello,

      Thank you for your comment. We are going to release it in a few days.

  15. Local_IT says:

    woodmart 8 beta . product /product/augue-adipiscing-euismod/#
    if i choose Back to Classic Editor ( buletpoints doesn show correctly ) without fiing anything press save . then press edit with gutenberg then i get Block contains unexpected or invalid content. atempt recovery .
    Will it be possible use classic editor for fast fix like fixing words etc or we need all the time edit with gutenberg and never press back to classic editor ?

    quetion nr2. now we want to build website on beta . when it will be released final. will it be possible to update from beta to final ?

    1. Artem Temos says:

      Hello,

      Thank you for your question.

      We need to review your case deeper because we don’t quite understand how to reproduce it. Could you please send us a message using the contact form with some screenshots or video so we can check it?

  16. khalil8w3 says:

    Hello Team,
    Can we start developing websites with the beta version, then update to the final release when it is available? Will that cost any loss in data or work done?
    Thank you.

    1. Artem Temos says:

      Hello,

      Yes, you can do this, but some of the elements might be broken after the update, so you will need to re-add them.

      Kind Regards

  17. Mohamed says:

    I’ve been testing it since yesterday, and I must say—it’s absolutely amazing! You’ve done an incredible job!

    The performance is flawless. I’m getting a perfect 100 score and under 1-second load times on desktop without any plugins, while the same page on Elementor scores only 63.

    The only downside I’ve noticed so far is the lack of options for custom page and blog post layouts. I really hope this feature will be added soon.

    It would also be fantastic if there were some tutorials for Gutenberg to help with the learning curve.

    Once again, thank you for the outstanding work, and I’m excited for the official release!

    1. Artem Temos says:

      Hello,

      Thank you for the feedback.

      You get the same set of options for posts and pages with Gutenberg as you had with Elementor. As for the tutorials, you can find all the information here https://xtemos.com/docs-cat/gutenberg-blocks/?theme=woodmart

      Kind Regards

  18. getflooow says:

    I would like to know when can I use Woodmart 8.0 Gutenberg for production sites, where can I buy the new theme? Thanks

    1. Artem Temos says:

      Hello,

      Thank you for your question. You can purchase our theme here https://1.envato.market/QdJGb

      Kind Regards

Leave a Reply