June 6, 2023

Creating a Dynamic Breakdance WooCommerce Product Slider

Play Video

What is the Tutorial About?

Creating a Breakdance WooCommerce product slider is a simple yet effective way to display your products in a dynamic, engaging manner. This tutorial, presented by Louis from Breakdance, guides you through the process of using the Products List element in Breakdance to create a responsive WooCommerce product slider without any coding or additional add-ons.

Tutorial Steps

  1. Add the Products List Element:
    In your Breakdance editor, click on ‘Add’ and search for the ‘Products List’ element. Drag this element onto your page. By default, it will display a list of products from your store.
  2. Select Your Products:
    Decide which products you want to display in the slider. You can choose to show featured products, on-sale items, or manually select the products. To manually select, simply click on the products you want to include in the list.
  3. Switch to Slider Layout:
    Navigate to the ‘Design’ tab and then to ‘Layout’. The default layout is ‘Grid’. Change this to ‘Slider’. Your product list will now display as a slider.
  4. Customize Your Slider:
    Under ‘Slider Options’, you can customize the speed of the slider, decide if it should loop infinitely, adjust the space between slides, and set the number of slides per view. For example, setting ‘Slides Per View’ to three will display three products at a time in the slider.

Use Cases for this Tutorial

  • Featured Products Showcase:
    Highlight your store’s featured products in a dynamic slider.
  • Sales Promotion:
    Display on-sale items in a slider to attract customer attention.
  • New Arrivals:
    Use a slider to introduce new products to your customers.

Required Resources

Breakdance Builder Logo
Free Options
WooCommerce Logo
Free Options
Credit to Breakdance
The Breakdance YouTube channel serves as a practical resource for users of their WordPress website builder. It features in-depth tutorials, where they demonstrate the process of creating a website from the ground up. The channel emphasizes hands-on learning, making it an essential tool for both beginners and experienced users aiming to maximize the capabilities of the Breakdance platform.
Creating a Dynamic Breakdance WooCommerce Product Slider
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.