If a variable product has fewer than 30 variations, the dropdowns for selecting variations on the frontend are dynamic by default. For example, for a T-shirt with „size“ and „color“ attributes, after the customer selects a size, the color dropdown menu is updated via AJAX to show only options available with the selected size. If there are more than 30 variations (possible combinations), unavailable/disabled options are also displayed, and an unsightly error message appears. The solution for this is provided in this article.
WooCommerce Variation Display Error (Product Dropdowns Error)
However, if there are more than 30 variations, the dropdowns are static and display all attributes. If the T-shirt, according to the example above, has more than 30 variations, the color dropdown menu will still display all color options , even if they are not available for the selected size. Instead, after selecting an unavailable combination, they will see the error message: „Unfortunately, no products match your selection. Please choose a different combination.“
This occurs to improve website performance. If, with a large number of variations, it has to calculate the available combinations after each selection, it can slow down the page (see also note below).
Change the Variation Limit for Product Dropdowns with Dynamic Variables
However, this limit can be changed to a different number if needed using the woocommerce_ajax_variation_threshold filter from XXX:
function custom_wc_ajax_variation_threshold( $qty, $product ) {
return 100;
}
add_filter( 'woocommerce_ajax_variation_threshold', 'custom_wc_ajax_variation_threshold', 10, 2 );
Simply copy this code into your child theme's functions.php file OR, even better, activate it as a function via the "WP Code Snippets" plugin.
IMPORTANT NOTE: The value 100 can be increased as needed, depending on the number of variations. However, depending on your web hosting and server performance, this will affect the loading time of category and product pages. So, be careful and do not set the value too high. The default value is 30.
Florian Ibe
CEO & Marketing Consultant
Hilfe für WooCommerce benötigt? Jetzt anfragen:
Open contact form
Become more visible on Google & Social Media?
In a free strategy consultation for data-driven online marketing, we uncover your untapped potential, review any existing ad accounts if necessary, examine your SEO ranking and visibility, and determine which strategy is appropriate for your budget and which active measures will lead to more inquiries or sales.
✅ More visibility & perception through targeted placement
✅ More visitors > prospects > customers > revenue
✅ Reach target groups scalably with SEA
✅ Act and grow sustainably with SEO
🫵 Maximum success with our hybrid strategy
💪 More than 15 years of experience across industries in over 1,000+ projects demonstrable!
Your contact person: Florian Ibe
DE
