{"id":48107,"date":"2025-06-10T08:11:50","date_gmt":"2025-06-10T08:11:50","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=48107"},"modified":"2025-06-10T08:11:51","modified_gmt":"2025-06-10T08:11:51","slug":"woo-data-widget-overview","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetengine\/woo-data-widget-overview\/","title":{"rendered":"Woo Data Widget Overview"},"content":{"rendered":"\n

Standard hooks and template functions are relied upon by classic WooCommerce <\/em>functionality. This approach is being changed as Block Editor integration expands, but standard template hooks and functions are still used by many 3rd-party plugins for WooCommerce <\/em>integration. Therefore, a rendering method within JetEngine<\/em> listings<\/a> must be provided.<\/p>\n\n\n\n

<\/svg><\/div>
Things to know<\/div>

The Woo Data<\/strong> widget works within a JetEngine<\/em> listing that uses a WooCommerce query<\/a>. For proper execution of scripts, the listing wrapper tags<\/a> in the JetEngine listing should be set to <ul> and <li>.<\/p><\/div><\/div>\n\n\n\n

Compatibility with third-party solutions like the Variations Swatches<\/em><\/a> plugin is enabled by this widget. Additionally, design consistency between listings and other WooCommerce <\/em>components is facilitated when standard template functions are used.<\/p>\n\n\n\n

To implement these capabilities, one can use the Woo Data<\/strong> widget that is available in the Listing Elements<\/strong> section of the widgets panel in Elementor.<\/p>\n\n\n\n

\"listing<\/a><\/div>\n\n\n\n

Using the Woo Data Widget<\/h2>\n\n\n\n

This widget enables standard WooCommerce <\/em>hooks and template functions within a listing. Previously, this capability was only accessible programmatically through code snippets or shortcodes.<\/p>\n\n\n\n

Differences from Dynamic Field<\/strong><\/a> and the types of WooCommerce <\/em>data that can be rendered by the Woo Data<\/strong> widget include:<\/p>\n\n\n\n