The following script will select yhe first opetion of each simple product:
1. Add the following function in the bottom  script just after:

var spConfig = new Product.Config(<?php echo $_jsonConfig ?>);

app/design/frontend/rwd/hubsan/template/catalog/product/view/type/options/configurable.phtml

<script type="text/javascript">
    var spConfig = new Product.Config(<?php echo $_jsonConfig ?>);
    function fireEvent(element,event)
        {
            if (document.createEventObject)
            {
                // dispatch for IE
                var evt = document.createEventObject();
                return element.fireEvent('on'+event,evt);
            }
            else
            {
                // dispatch for firefox + others
                var evt = document.createEvent("HTMLEvents");
                evt.initEvent(event, true, true );
                return !element.dispatchEvent(evt);
            }
        }
         
        function setDefaultConfigOptions()
        {
            if (spConfigIndex >= spConfig.settings.length)
            {
                return; // stop
            }
         
            spConfig.settings[spConfigIndex].selectedIndex = 1;
            var obj = spConfig.settings[spConfigIndex];
         
            ++spConfigIndex;
         
            Event.observe(obj,'change',function(){});
            fireEvent(obj,'change');
         
            //window.setTimeout("setDefaultConfigOptions()", 1); // Add a small delay before moving onto the next option
        }
         
        var spConfigIndex = 0;
        Event.observe(window, 'load', function() {
            setDefaultConfigOptions();
        });
</script>

And add the following script just after to trigger fire click on selected simple product:

<?php if($_GET&#91;'color'&#93;==''):?>
<script type="text/javascript">
    jQuery(window).load(function(){
        var firstopt;
        
        jQuery(".super-attribute-select option").each(function(){
            if (jQuery(this).attr('value')!='') {
                firstopt = jQuery(this).attr('value');
                return false;
            }
        });
        
        
        jQuery(".aw-colorswatches-attribute-option").each(function(){
            if (jQuery(this).attr('option-id') == firstopt) {
                jQuery(this).addClass('aw-colorswatches-attribute-option__state-selected');
                jQuery(this).trigger('click');
            }
        });
    });
</script>
<?php endif;?>

Categories: Magento

0 Comments

Leave a Reply

Avatar placeholder

Your email address will not be published. Required fields are marked *