The products block represents the first phase of the project we call \
The product block provides an intuitive user interface for inserting products from different sources, and then provides an accurate preview of how the selected content is displayed at the time of publication. You can also fine tune the appearance of products by adjusting the layout and order. Use the product block to quickly and easily add products to posts and pages, including: Products selected by individuals, products of specific categories, main products, discount products, products with specific attributes or terms, best sellers, products with the highest score, or simply add all products. Check out this short video to learn how product blocks work.
https:\/\/woocommerce.com\/wp-content\/uploads\/2018\/05\/products-block.mp4 Don’t you think there is a dramatic improvement over the existing shortcut code experience? Let’s do it! Product block import function plug-in the current product block is a new concept and depends on Gutenberg. Gutenberg itself is still a functional plug-in, so the products block will also be launched as a functional plug-in. In this way, you can quickly build functionality that is not related to the woocommerce core. Learn more about functional plug-ins. Most importantly, it provides a convenient way for everyone to install and play it.
Note: to start the experiment with a product block, the site must run woocomerce and Gutenberg at the same time. First, we are satisfied with the stability of the design and code. Incorporate functionality into the woocommerce core so that all woocommerce stores can access it. At this time, the function plug-in can be disabled and deleted, and the product block inserted as the function plug-in will remain active. Our visit to Gutenberg has created many interesting possibilities for large plug-ins such as woocommerce. For now, before moving to more complex tasks (such as adding products), limit the initial navigation range to ensure that Gutenberg’s design pattern and rapidly evolving code base lay a solid foundation. As a result, we also found unexpected opportunities in our small projects.
After adding a product to a post or page, you can preview what the product will look like when publishing content. Before entering the research design, we did several surveys to make sure we were moving in the right direction. This includes playing with Gutenberg, talking to the design team, and spending a lot of time observing what others in the WordPress community are doing with Gutenberg now. The proportion of websites using multiple product shortcuts we focus on product shortcuts, so we conducted a usage analysis on 10000 woocomerce websites. We learned the shortcut code. The most popular application is to display specific products, product categories and major products. Interestingly, there are few stores to display the highest level products, best-selling products or products with specific attributes.
Product shortcuts the most popular applications display specific products, product categories, and major products
