May 25, 2023

How to Create a Dynamic WooCommerce Product Carousel with JetEngine & JetElements

Play Video

What is the tutorial about?

Create a dynamic WooCommerce product carousel using JetEngine and JetElements. This tutorial by Crocoblock is perfect for those interested in website design and enhancing their WooCommerce store’s functionality. By following the steps outlined, you’ll be able to display your products in an advanced carousel widget, providing a visually appealing and user-friendly shopping experience for your customers.

Tutorial Steps

  1. Create a Custom Query in Query Builder:
    Navigate to JetEngine > Query Builder and click on “Add New”. Name your query and set the query type to “WC Product Query”. Define the product status as “Published” and save your query.
  2. Create a New Page:
    Create a new page where you’ll display your products. Publish the page and edit it with Elementor.
  3. Add the Advanced Carousel Widget:
    Drag and drop the Advanced Carousel widget onto your page. Set the number of elements you want to display in the settings.
  4. Enable JetEngine Query:
    Go to the “Slides” tab and enable “Use JetEngine Query”. Select the query you created earlier.
  5. Adjust the Settings:
    Customize your carousel by setting an image for the items, adjusting the layout, and adding dynamic text to output the product’s data.
  6. Style Your Carousel:
    Go to the “Styles” tab to customize the background, item titles, content color, and typography.
  7. Save and Check:
    Save your changes and check your new dynamic WooCommerce product carousel on the frontend of your site.

Use Cases for this Tutorial

  • New Product Launches:
    Showcase your latest products in a dynamic carousel for maximum visibility.
  • Seasonal Promotions:
    Highlight seasonal or promotional items to boost sales.
  • Best Sellers:
    Display your best-selling products to encourage purchases.
  • Category Highlights:
    Feature specific categories of products to guide customer browsing.

Required Resources

WooCommerce Logo
Free Options
JetElements Logo
Payment required
JetEngine Logo
Payment required
Elementor Logo
Free Options
Credit to Crocoblock
Crocoblock is a YouTube channel dedicated to providing tutorials, tips, and insights on WordPress and web design. With a focus on the Crocoblock suite of plugins and themes, the channel offers valuable content for WordPress enthusiasts, developers, and designers looking to enhance their skills and create websites with their tools. Through step-by-step tutorials, product overviews, and expert advice, Crocoblock helps its audience master the art of WordPress website building and customization.
How to Create a Dynamic WooCommerce Product Carousel with JetEngine & JetElements
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.