Woo Data Block Overview

The Woo Data block is intended for calling the standard WooCommerce hooks and template functions inside a listing. Previously, this could only be done programmatically via code snippets or shortcodes. 

To display the WooCommerce product variations, the WooCommerce, Variation Swatches for WooCommerce, and JetEngine + CartFlows Variations Swatches plugins should be installed and activated.

More details on the plugin installation routines can be found in the How to Install JetPlugins via WordPress Dashboard and How to Install Plugins Manually tutorials.

Also, the product variations should be created. Finally, a query to display product variations should be built.

The Woo Data block can be added as any WordPress block 一 by finding it in the search bar and dragging and dropping where needed.

To display the product variations, the Woo Data block should be added to the Listing Item, which is based on the previously created query. 

The block has the General and Advanced settings.

The General settings are presented by the following settings:

• DATA TYPE 一  a drop-down list that allows one to select the needed WooCommerce data: a “Hook” or “Template Function”:
  • Hook 一 an option that, if selected, activates the HOOK NAME field to select the needed hook from the drop-down list, e.g., the “Before product,” “Before product title,” “Product title,” “After product title,” “After product”. Also, the “Hook” option enables the CORE CALLBACKS toggle that, in turn, if disabled, prevents default WooCommerce callbacks from being called on this hook. This toggle allows for including/excluding the standard WooCommerce callbacks on this hook. This option is useful for integrating third-party functionality (which is not a part of WooCommerce core) added via hooks;
  • Template Function 一 an option that, if selected, allows setting the needed function from the corresponding TEMPLATE FUNCTION drop-down list, e.g., “Add to cart,” “Quantity input,” “Product thumbnail,” “Product title,” “Product price,” “Product rating,” “Product sale flash,” “Product meta,” and “CartFlows Variation Swatches”. The last option is available if the WooCommerce, Variation Swatches for WooCommerce, and JetEngine + CartFlows Variations Swatches plugins are installed and activated. Also, if selected, the “Product thumbnail” and  “Product title” options enable the ADD LINK toggle that allows wrapping the function result with a link to the single product page.

The Advanced setting includes the ADDITIONAL CSS CLASS(ES) text field for modification of the block.

The widget has settings similar to the Woo Data block.

More details can be found in the Woo Data Widget Overview.

The element has the GENERAL settings that include the Data Type drop-down list with the “Hook” and “Template Function” options. These settings are similar to the Woo Data block’s settings.

More details are presented in the Woo Data Element Overview.