To build a fully functional WooCommerce products listing and display it on the frontend you’ll need one JetEngine plugin only.
💡 Tip. Make sure you have the JetEngine Query Builder module activated.
Proceed with this tutorial to know how to:
✅ Use Query to create WooCommerce query listing
✅ Pull the data from WooCommerce, using Dynamic Tag widget
✅ Display the newly created WooCommerce product listing in a listing grid on a specific page
✅ Style the product price with a CSS class
✅ Add a timer with a countdown to boost sales
Stay tuned not to miss more cool and useful tutorials from Kate and Julia!
-------------
The code to use:
.listing-price {
color: var ( -e-global-color-accent );
}
.listing-price ins {
text-decoration: none;
border-bottom: none;
font-style: normal;
}
-------------
Get JetEngine plugin:
► bit.ly/3foiRWg
-------------
Template used:
Only Books - Dynamic Bookstore Template for Elementor
► bit.ly/3h0yeET
-------------
Choose Crocoblock subscription:
►bit.ly/3DOnIta
-------------
☕LIKED THIS VIDEO? BUY JULIA A COFFEE
► www.buymeacoffee.com/JuliaMcHale
-------------
► TIMESTAMPS
00:00 Brief overview
00:36 Building a WooCommerce Product Query Listing
05:14 Displaying the listing template in the listing grid
07:20 Adding a timer with a countdown
11:07 Creating custom WooCommerce badges
-------------
JetEngine Knowledge Base
►bit.ly/3Ufh0C0
JetEngine playlist
► • JetEngine | Tutorials
------
Join us here:
► FB Community: / crocoblockcommunity
► Facebook: / crocoblock
► Twitter: / mrcrocoblock
► Instagram: / mrcrocoblock
► LinkedIn: / crocoblock
14 июл 2024