Product color drop down is not sort order in magento admin panel

Problem:

In Magento admin Manage product section drop down is not in sort order.

Product color drop down is not sort order in magento admin panel


Go into backend magento admin ----> catalog ----> Manage Products --- under product colour when you click on a colour a dropdown will appear ---- then this will give you a list of colours
For some reason the colours are not in alphabetical order
See the image

drop down is not in sort order

Solution:

just open the file "app/design/adminhtml/default/default/template/catalog/product.phtml"
and paste below code. Please note that I am still working on this issue and updating the script so please wait. till than you can use the script

<script>
var $j = jQuery.noConflict();
function SortBox(x, y) {
    if (x.innerHTML == 'NA') {
        return 1;
    }
    else if (y.innerHTML == 'NA') {
        return -1;
    }
    return (x.innerHTML > y.innerHTML) ? 1 : -1;
}

function dook(){
 $j('select').each(function( index ) {
     $j(this).find('option').sort(SortBox).appendTo($(this));
});
}
var myVar = setInterval(function(){ dook() }, 5000);
</script>

Fore more, continue here...

How to load JavaScript file async in Magento

Problem:

By async loading JavaScript it will boost up your site, so how to load JavaScript file async in Magento.  In Magento there are two methods to load JavaScript .
1- By addItem
2-By addJs

Solution:

By using async option in <params>async</params> script tag you can load it.

Example:

Open your local.xml file it will be in the "app\design\frontend\default\YOUR-THEME-NAME\layout" folder.

1- By addItem
<action method="addItem">
    <type>skin_js</type>
    <name>js/jquery.mousewheel.min.js</name>
   <params>async</params>
</action>


2-By addJs
<action method="addJs">
     <script>scriptaculous/effects.js</script>
     <params>async</params>
</action>

Fore more, continue here...