Install
This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/crocoblock/jet-engine-cart-flows-swatches/archive/refs/heads/main.zipNo built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Allows to use CartFlows Variations Swatches inside JetEngine listing with Woo Data widget.
Requiremnts
- JetEngine + CartFlows Variations Swatches addon itself (download it and install as the usual WP plugin);
- JetEngine version 3.7.0+ plugin installed - https://crocoblock.com/plugins/jetengine/;
- WooCommerce plugin installed - https://wordpress.org/plugins/woocommerce/;
- CartFlows Variations Swatches plugin installed - https://wordpress.org/plugins/variation-swatches-woo/;
- Listing Wrapper tags must be set to UL > LI, to ensure CartFlows Variations Swatches scripts can work correctly.
Please note: If you missed any of these requirements you'll can't complete any of the next steps!
How To Use
- Create JetEngine listing based on the WooCommerce query (https://crocoblock.com/knowledge-base/jetengine/jetengine-query-builder-wc-product-query-type/)
- Select UL > LI as listing wrapper tags
- Add Woo Data widget into the listing template
- Select Template Function as data type
- Select CartFlows Variation Swatches as function to render
- Add 2nd Woo Data widget and select Add to Cart template function to allow add selected variation to cart
Screenshots
-
The result: JetEngine listing grid with variations swatches
-
Woo Data widget setup
Notes
- Functionality supported by Elementor and Bricks builders and Blocks Editor
- Due to CartFlows Variations Swatches specific widgets shows nothing in the editor preview