Title: empty variation li
Last modified: February 14, 2021

---

# empty variation li

 *  Resolved [becreativestudio](https://wordpress.org/support/users/becreativestudio/)
 * (@becreativestudio)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/)
 * I have created a product with 3 color variations but the site prints empty even
   the variations not in use. Now I find myself with a lot of empty elements that
   ruin all the graphics on the website. [https://ibb.co/KsLTMPP](https://ibb.co/KsLTMPP)
   [https://ibb.co/h2zngG0](https://ibb.co/h2zngG0)

Viewing 12 replies - 1 through 12 (of 12 total)

 *  Thread Starter [becreativestudio](https://wordpress.org/support/users/becreativestudio/)
 * (@becreativestudio)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14050927)
 * linked variation does not check the variations if full or empty, because it takes
   the variations, counts them and creates the list. instead it should check its
   consistency when creating the list item can fix?
 *  Plugin Author [Razon Komar Pal](https://wordpress.org/support/users/raazon/)
 * (@raazon)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14064627)
 * Hi [@becreativestudio](https://wordpress.org/support/users/becreativestudio/)
 * Thank you for letting us know. I have added your issue to our issue list. Hope
   it will fix on our next update.
 * Thank you
 *  Thread Starter [becreativestudio](https://wordpress.org/support/users/becreativestudio/)
 * (@becreativestudio)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14065609)
 * when you plan to release it?
 *  Plugin Author [Razon Komar Pal](https://wordpress.org/support/users/raazon/)
 * (@raazon)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14086114)
 * Hi [@becreativestudio](https://wordpress.org/support/users/becreativestudio/)
 * We can’t give you an exact release date but it will be soon we hope.
 * Thank you for your interest.
 *  [zackhatlen](https://wordpress.org/support/users/zackhatlen/)
 * (@zackhatlen)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14090160)
 * Hi [@raazon](https://wordpress.org/support/users/raazon/),
 * With the new update, it may be more useful if you bring the feature to search
   products by SKU number.
 * Best Regards,
 *  Plugin Author [Razon Komar Pal](https://wordpress.org/support/users/raazon/)
 * (@raazon)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14156405)
 * Hi [@zackhatlen](https://wordpress.org/support/users/zackhatlen/)
 * Thank you for your interest. We add your suggestion to our roadmap. Hopefully,
   we will add this feature in our future updates.
 * Regards
 *  [kpanoutsos](https://wordpress.org/support/users/kpanoutsos/)
 * (@kpanoutsos)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14213760)
 * Hi [@raazon](https://wordpress.org/support/users/raazon/) great plugin!
    Sadly
   I’m facing the same issue with the empty li’s
 * I tried adding the following code in “woo-linked-variation-frontend.js”
    but 
   it didn’t work.
 * jQuery(document).ready(function($) {
    $(‘ul’).find(‘li’).each(function () { if(
   $.trim($(this).text()) == ” “) { $(this).remove(); } }) });
 * Maybe i did sth wrong, maybe I used the wrong file, I’m not sure, still learning
   Jquery.
 * Hope you’ll fix it soon.
 *  [kpanoutsos](https://wordpress.org/support/users/kpanoutsos/)
 * (@kpanoutsos)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14251200)
 * I solved it.
    Just add:
 * $(‘li’).filter(function(){
    return $.trim($(this).html()) == ”; }).hide();
 * after the first three vars in woo-linked-variation-frontend.js
 * This worked prefect for me.
 *  [gomez1986](https://wordpress.org/support/users/gomez1986/)
 * (@gomez1986)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14252867)
 * Welcome. can you give all the code of the file. I try to add it everywhere and
   it doesn’t work 🙁 Thank you
 *  [kpanoutsos](https://wordpress.org/support/users/kpanoutsos/)
 * (@kpanoutsos)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14255312)
 * [@gomez1986](https://wordpress.org/support/users/gomez1986/) Yeah sure
 * The file directory is the following: assets/js/woo-linked-variation-frontend.
   js
 * And the code including my customization is the following:
 *     ```
       (function ($) {
           "use strict";
           jQuery(document).ready(function () {
   
               // linked variation label change on hover 
   
   
               $(function () {
                   var wooLinkedVariation = $('.woo-linked-variation');
                   var currentVariation = wooLinkedVariation.find('.linked-variation-label .variation-selection');
                   var singleVariation = wooLinkedVariation.find('.linked-variations ul li');
   
       $('li').filter(function(){
           return $.trim($(this).html()) == '';
       }).hide();
                   singleVariation.hover(function () {
                       var thisDataVariant = $(this).data('variant');
                       $(this).parents('.woo-linked-variation').find('.linked-variation-label .variation-selection').html(thisDataVariant);
                   }, function () {
                       $(this).parents('.woo-linked-variation').find('.linked-variation-label .variation-selection').html(currentVariation.data('variant'));
                   });
               });
   
           });
   
   
   
       })(jQuery);
       ```
   
 *  [gomez1986](https://wordpress.org/support/users/gomez1986/)
 * (@gomez1986)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14258101)
 * works, thank you very much. Regards
 *  [nh0kqui94](https://wordpress.org/support/users/nh0kqui94/)
 * (@nh0kqui94)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14278060)
 * I have 4 variations but each shows only 1 variation for 1 product? Similarly 
   I create 2 variations it also shows only 1 variation for 1 product.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘empty variation li’ is closed to new replies.

 * ![](https://ps.w.org/linked-variation-for-woocommerce/assets/icon-256x256.jpg?
   rev=2411909)
 * [Linked Variation for WooCommerce](https://wordpress.org/plugins/linked-variation-for-woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/linked-variation-for-woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/linked-variation-for-woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/linked-variation-for-woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/linked-variation-for-woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/linked-variation-for-woocommerce/reviews/)

 * 12 replies
 * 6 participants
 * Last reply from: [nh0kqui94](https://wordpress.org/support/users/nh0kqui94/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/empty-variation-li/#post-14278060)
 * Status: resolved