In this tutorial, we show you how you can create the custom Add To Cart button into the Post Loop Builder’s global block. We use the native Wrapper Link element, dynamic data, element conditions, and WooCommerce’s inbuilt CSS classes. Follow the video CSS The following CSS is used in this tutorial. You can edit and … Continue Reading »
PowerElements
Displaying Floating Added To Cart Notice
When a user is adding a product to the cart, a success message box will pop up on your site for a few seconds and it will disappear with the slide-out transition effect. So the customer can understand that he adds the product successfully to his bag. This feature is fully flexible and you control … Continue Reading »
Displaying Fluent Form with Custom Field
We are creating a global page template with the Breakdance and displaying the different Fluent Forms on different pages. We shall create a custom field that contains the Fluent Form ID and this ID will be fetched dynamically on different pages. This way we can display the different forms on different pages. In this tutorial, … Continue Reading »
Adds Free Shipping Notice in Mini Cart
Breakdance has native Mini Cart element for WooCommerce. We shall use the it and add the free shipping notice after title bar like above image. Step 1: At first we enable the free shipping method. Step 2: Creates the global blocks and add the free shipping notice element there. We already knew that Mini Cart … Continue Reading »
Adds Sales Countdown Timer on WooCommerce Product Page
We shall make a sale product and schedule it. Then we shall add a countdown timer on the single product page template with the Breakdance builder and PowereElements’ countdown timer element. Step 1: Go to the WooCommerce -> All Products page and add/edit a product. Under the General section, set the Sale price and add … Continue Reading »