Configurable product price

Question

Would appreciate some advice.

I created the configurable product in the image but it won't allow you to leave the price for the configurable part blank and to just choose the prices for each of the simple products. Is there a way round this please? When the page loads I would like a default item with it's price to be displayed. In the dropdown list I need to have the price for each next to the option and for that price to be displayed when chosen.

I don't understand the way magento works in this respect. It doesn't seem intuitive to me to have an abstract base price whether that be zero as in my example then for the options to be + or - that. Each of my products is not related in price at all but it seemed the obvious choice to make them configurable as they share the same specifiations except width.

Many thanks for any help.

Answer 1

To choose the default configurable options in product view page, try the below script in app\design\frontend\package\theme\template\catalog\product\view\type\options\configurable.phtml it works,

<script type="text/javascript">

 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>