Compatibility code for some popular themes

The Advanced Dynamic Pricing for WooCommerce plugin works seamlessly with almost any properly coded WooCommerce theme. However, some themes deviate from standard WooCommerce template structures or JavaScript event handling. These deviations can occasionally cause minor display issues – for example, a missing discount badge, a bulk pricing table that does not appear, or prices that do not update when a customer changes a product quantity on a variable product page. This guide explains the most common theme‑related problems and provides specific solutions for popular themes such as Flatsome, Divi, Kadence, and Shoptimizer.

Note: The compatibility code and shortcodes described in this guide work with both the free and Pro versions of Advanced Dynamic Pricing for WooCommerce.

Quick Diagnostic Steps

Before applying any theme‑specific code, perform these quick checks to identify the root cause.

Temporarily switch your active theme to a default WordPress theme, such as Storefront(WooCommerce’s official parent theme) or Twenty Twenty‑Four.
Visit the product page or shop archive where you expect the discount badge or bulk table to appear.
If the issue disappears under a default theme, the problem is theme‑specific, and you can safely apply the solutions below.
If the issue persists under a default theme, the problem likely involves another active plugin. Proceed to deactivate other plugins one by one while keeping the default theme active.

Best practice: Always perform this diagnostic process in a staging environment before making changes to your live site.

General Theme Compatibility: Using Shortcodes

Some themes do not fully support the WooCommerce hooks that the plugin uses to automatically display bulk pricing tables on product pages or category pages. In such cases, you can manually place the bulk tables using two dedicated shortcodes.

[adp_product_bulk_rules_table] – Displays the bulk pricing table for a specific product. Use this shortcode on the individual product page template or directly in the product description field.
[adp_category_bulk_rules_table] – Displays the bulk pricing table for a product category. Use this shortcode in the category description or in a custom archive template.

How to use the shortcodes

Edit the product where you want the bulk table to appear.
In the Product description field, enter the shortcode [adp_product_bulk_rules_table].
Update the product. The bulk table will now appear within the product description area.
For category pages, edit the relevant product category. In the Category description field, enter [adp_category_bulk_rules_table].

Parameter support: Both shortcodes accept the same parameters as the standard WooCommerce [products] shortcode. For example, you can limit the table to specific products or categories using the ids or category parameters.

Flatsome Theme: Fixing the Percentage Badge

The Flatsome theme is highly customisable and popular among WooCommerce users. However, the theme includes its own sale badge styling that may override the dynamic percentage badge generated by Advanced Dynamic Pricing. Fortunately, Flatsome provides a built‑in setting to enable percentage‑based sale badges.

Step‑by‑step fix

In your WordPress admin, go to Appearance → Themes → Flatsome.
Click the Customize button.
Navigate to WooCommerce → Product catalog.
Scroll to the bottom of the options list.
Locate the setting labelled “Enable % instead of ‘Sale!’” and toggle it ON.
Click Publish to save the change.

After enabling this setting, the Flatsome theme will display dynamic percentage badges for all sale products, including those discounted by Advanced Dynamic Pricing rules.

Why this works: Flatsome’s built‑in setting replaces the static “Sale!” text with a computed percentage based on the difference between the regular price and the sale price. When Advanced Dynamic Pricing modifies the sale price, Flatsome correctly recalculates the percentage.

Divi Theme: Fixing “Update Price When User Changes Quantity”

The Divi theme by Elegant Themes includes a feature that allows product prices to update dynamically when a customer changes the quantity in the product page quantity field. However, this feature may not work correctly when Advanced Dynamic Pricing applies tiered or quantity‑based discounts. The price stays static, and the customer does not see the discounted amount until they add the product to the cart.

The solution requires a small custom JavaScript snippet that forces Divi to re‑evaluate the price after a quantity change.

Step‑by‑step fix

Identify where to place the code. You can add it to your child theme’s functions.php file or use the free Code Snippets plugin.
Add the following PHP code, which enqueues the necessary JavaScript only on product pages:

add_filter( 'woocommerce_sale_flash', 'add_percentage_to_sale_badge', 20, 3 );
function add_percentage_to_sale_badge( $html, $post, $product ) {
    if ( $product->is_type( 'grouped' ) || $product->is_type( 'variable' ) ) {
        $percentages = array();
 
        foreach ( $product->get_children() as $childId ) {
            $childProduct = wc_get_product( $childId );
 
            $regularPrice = floatval( $childProduct->get_regular_price() );
            if ( $regularPrice === floatval( 0 ) ) {
                $percentages[] = floatval( 100 );
                break;
            }
 
            $salePrice = $childProduct->get_sale_price() !== "" ? floatval( $childProduct->get_sale_price() ) : null;
 
            if ( $salePrice !== null ) {
                // Calculate and set in the array the percentage for each child on sale
                $percentages[] = round( 100 - ( $salePrice / $regularPrice * 100 ) );
            }
        }
 
        // We keep the highest value
        $percentage = count( $percentages ) > 0 ? max( $percentages ) . '%' : "";
    } else {
        $regularPrice = floatval( $product->get_regular_price() );
        if ( $regularPrice !== floatval( 0 ) ) {
            $salePrice = $product->get_sale_price() !== "" ? floatval( $product->get_sale_price() ) : null;
 
            if ( $salePrice !== null ) {
                $percentage = round( 100 - ( $salePrice / $regularPrice * 100 ) ) . '%';
            } else {
                return $html;
            }
        } else {
            $percentage = floatval( 100 ) . '%';
        }
    }
 
    return '' . esc_html__( 'SALE', 'woocommerce' ) . ' ' . $percentage . '';
}

add_filter( 'woocommerce_sale_flash', 'add_percentage_to_sale_badge', 20, 3 );

function add_percentage_to_sale_badge( $html, $post, $product ) {

if ( $product->is_type( 'grouped' ) || $product->is_type( 'variable' ) ) {

$percentages = array();

foreach ( $product->get_children() as $childId ) {

$childProduct = wc_get_product( $childId );

$regularPrice = floatval( $childProduct->get_regular_price() );

if ( $regularPrice === floatval( 0 ) ) {

$percentages[] = floatval( 100 );

break;

}

$salePrice = $childProduct->get_sale_price() !== "" ? floatval( $childProduct->get_sale_price() ) : null;

if ( $salePrice !== null ) {

// Calculate and set in the array the percentage for each child on sale

$percentages[] = round( 100 - ( $salePrice / $regularPrice * 100 ) );

}

// We keep the highest value

$percentage = count( $percentages ) > 0 ? max( $percentages ) . '%' : "";

} else {

$regularPrice = floatval( $product->get_regular_price() );

if ( $regularPrice !== floatval( 0 ) ) {

$salePrice = $product->get_sale_price() !== "" ? floatval( $product->get_sale_price() ) : null;

if ( $salePrice !== null ) {

$percentage = round( 100 - ( $salePrice / $regularPrice * 100 ) ) . '%';

} else {

return $html;

}

} else {

$percentage = floatval( 100 ) . '%';

}

return '' . esc_html__( 'SALE', 'woocommerce' ) . ' ' . $percentage . '';

}

If the “Update price when user changes qty” parameter doesn’t work in the Divi theme you need to use the following code:

add_action( 'wp_footer', function() {
    ?>
    <script>
        jQuery( document ).ready( function() {
            setTimeout( function() {
                    dynamicPrices[0].addPriceDestination("#page-container p.price");
            }, 1000 );
        });
    </script>
    <?php
});

add_action( 'wp_footer', function() {

jQuery( document ).ready( function() {

setTimeout( function() {

dynamicPrices[0].addPriceDestination("#page-container p.price");

}, 1000 );

});

</script>

<?php

});

Test the fix. Open a variable product that has a tiered discount rule (e.g., 10% off for 3+ units). Change the quantity in the product page. The displayed price should update immediately to reflect the discount.

Note: This fix only affects the product page. Cart and checkout price calculations use different hooks and should work correctly without additional code.

Kadence Theme: Fixing the Sale Badge for Variable Products

The Kadence theme, together with the Shoptimizer theme (see below), may fail to display the sale badge on variable products even when a discount rule actively applies. Enabling the plugin’s built‑in option “Calculate ‘On Sale’ badge for variable products” does not always resolve the issue. In these cases, a small custom filter forces WooCommerce to recognise the discounted status correctly.

Step‑by‑step fix

Add the following PHP code to your child theme’s functions.php file or via the Code Snippets plugin:

add_filter( 'woocommerce_variation_prices', function($prices_array, $product, $for_display ){
    if(!is_shop() AND !is_product_category() AND !is_product() AND !is_product_taxonomy() )
         return $prices_array;
    $processedProduct = adp_functions()->calculateProduct($product, 1);
    if(! $processedProduct instanceof \ADP\BaseVersion\Includes\PriceDisplay\ProcessedVariableProduct )
        return $prices_array;

    $new_prices_array = array("price"=>[],"regular_price"=>[],"sale_price"=>[]);
    foreach($processedProduct->getChildren() as $variation){
        $idx = $variation->getProduct()->get_id();
        $new_prices_array['price'][$idx] = $variation->getPrice();
        $new_prices_array['sale_price'][$idx] = $variation->getPrice();
        $new_prices_array['regular_price'][$idx] = $variation->getOriginalPrice();
    }
    return $new_prices_array;
},10,3);

add_filter( 'woocommerce_variation_prices', function($prices_array, $product, $for_display ){

if(!is_shop() AND !is_product_category() AND !is_product() AND !is_product_taxonomy() )

return $prices_array;

$processedProduct = adp_functions()->calculateProduct($product, 1);

if(! $processedProduct instanceof \ADP\BaseVersion\Includes\PriceDisplay\ProcessedVariableProduct )

return $prices_array;

$new_prices_array = array("price"=>[],"regular_price"=>[],"sale_price"=>[]);

foreach($processedProduct->getChildren() as $variation){

$idx = $variation->getProduct()->get_id();

$new_prices_array['price'][$idx] = $variation->getPrice();

$new_prices_array['sale_price'][$idx] = $variation->getPrice();

$new_prices_array['regular_price'][$idx] = $variation->getOriginalPrice();

}

return $new_prices_array;

},10,3);

Step‑by‑step implementation

Log into your WordPress admin area.
Go to Plugins → Add New and install the free Code Snippets plugin, or prepare your child theme’s functions.php file.
Add the code as a new snippet (or paste it at the bottom of functions.php).
Activate the snippet (or save the file).
Visit any variable product that qualifies for a discount. The sale badge should now appear correctly.

Shoptimizer Theme: Same Fix as Kadence

The Shoptimizer theme, a high‑performance WooCommerce theme by CommerceGurus, exhibits the same behaviour as Kadence: the sale badge for variable products may not display even when a discount rule applies. The same code from Section 5 works for Shoptimizer as well.

Implementation: Follow the exact same steps described in Section 5. The code affects both Kadence and Shoptimizer equally.

Why this works for both themes: Both Kadence and Shoptimizer use a similar approach to determine when to display the sale badge for variable products. Pre‑calculating the discount with adp_functions()->calculateProduct() ensures WooCommerce recognises the discounted price before the theme checks the sale status.

When a Theme Does Not Support WooCommerce Hooks

Some themes, particularly older or custom‑built ones, do not properly execute WooCommerce’s default hooks (e.g., woocommerce_single_product_summary or woocommerce_before_add_to_cart_button). When this happens, the plugin cannot automatically inject the bulk pricing table or the discount badge.

Symptoms

The bulk pricing table does not appear on product pages, even though you enabled it in the plugin’s settings.
The discount badge displays only on simple products but not on variable products.
Price updates after quantity changes do not work.

Solution

Manually insert the required shortcodes directly into your theme’s template files.

Step‑by‑step for the bulk pricing table

Identify the template file that controls your product page layout. Common locations include single-product.php or content-single-product.php inside your theme’s /woocommerce/folder.
Locate the spot where you want the bulk table to appear (typically after the product price or near the add‑to‑cart button).
Insert the following PHP code:

<?php echo do_shortcode( '[adp_product_bulk_rules_table]' ); ?>

1	<?php echo do_shortcode( '[adp_product_bulk_rules_table]' ); ?>

Save the file and refresh the product page.

If you prefer not to edit template files, you can place the shortcode directly in the Product short description field in the WordPress editor. However, the shortcode will only execute if your theme respects shortcodes in that field.

If You Still Experience Issues

If none of the theme‑specific fixes resolve your problem, we encourage you to submit a support ticket through our helpdesk. When you do, include the following information:

The name and version of your active theme (and whether it is a child theme).
The version of the Advanced Dynamic Pricing for WooCommerce plugin (free or Pro).
A list of other active plugins, especially any that modify product prices or the checkout process.
A clear description of the issue (for example, “The sale badge for variable products does not appear on the product page”).
A screenshot of the affected page.

If you use a commercial theme or plugin, please attach the .zip file of that product to the ticket. This allows our support team to reproduce the issue in a test environment and provide an accurate fix.

Important: Always create a full backup of your site before making any changes to theme files or adding custom code.

Summary

Theme	Issue	Solution
General (any theme)	Bulk pricing table does not appear automatically.	Manually add `[adp_product_bulk_rules_table]` or `[adp_category_bulk_rules_table]`shortcode.
Flatsome	Percentage badge does not display.	Enable “Enable % instead of ‘Sale!’”in Theme Customizer → WooCommerce → Product catalog.
Divi	Price does not update when customer changes quantity.	Add the inline JavaScript snippet from Section 4.
Kadence / Shoptimizer	Sale badge missing for variable products.	Add the `woocommerce_before_single_product`code from Section 5.
Any theme	Theme does not support WooCommerce hooks.	Manually insert `do_shortcode` in template files.

Some themes doesn’t support Woocommerce hooks, so you should add shortcodes [adp_category_bulk_rules_table] and [adp_product_bulk_rules_table] to necessary page templates (or directly to product description) OR you can submit new ticket to helpdesk. If you use paid plugin/theme — please, upload it (as.zip file) to the ticket!

Compatibility code for some popular themes

Quick Diagnostic Steps

General Theme Compatibility: Using Shortcodes

Flatsome Theme: Fixing the Percentage Badge

Divi Theme: Fixing “Update Price When User Changes Quantity”

Kadence Theme: Fixing the Sale Badge for Variable Products

Shoptimizer Theme: Same Fix as Kadence

When a Theme Does Not Support WooCommerce Hooks

If You Still Experience Issues

Summary

Advanced Dynamic Pricingfor WooCommercePRO

Advanced Dynamic Pricing
for WooCommerce
PRO