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 »
Blog – Latest News
Creates custom endpoints for the My Account page in Breakdance
You can create custom endpoints for your My Account page from your dashboard and add the content of those endpoints with the Breakdance builder. Step 1: At first, we create a Global Block template for the custom endpoint’s content. Step 2: Now we create the custom endpoints for the My Account page. Make sure that … Continue Reading »
Creates Recently Viewed Products Section with Breakdance
PowerElements adds a new feature to their add-on. You can easily create the layout of the recently viewed products and put it in any place on your site. It supports both Post Loop Builder and Product List elements. Step 1: We create a global block with one of the two methods in Breakdance. Method 1: … Continue Reading »
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 »