Clash Royale CLAN TAG#URR8PPP

Set default value on configurable drop down in magento

I have a Configurable Product with 3 Options - here is what the drop down menu looks like on the product page.

Bundle Deals

* Required Fields
Choose an Option...
- Single Product £10
- 5 Product Bundle £50
- 10 Product Bundle £100


Default value on page load is £10.00 but if I hit add to cart it flags up with - * Required Fields & user is prompted to select an option from the drop down.

£10.00

* Required Fields

By default I would like the drop down menu to load with - Single Product £10 as the default value.

Single Product £10

Hope that all makes sense? I can't find this functionality in the Magento version 1.9 CE, which I am using

FINAL EDIT >> thanks to everyone for helping - got a fix - Very glad! visit link.. similar to a suggestion here but something in the code seemed to work for me

http://iamvikram.com/magento-remove-choose-an-option-from-configurable-products-dropdown/

http://iamvikram.com/magento-remove-choose-an-option-from-configurable-products-dropdown/

A thank you msg has been mailed :)

4 Answers
4

Copy below file in your local

/app/design/frontend/default/mytheme/template/catalog/product/view/type/options/configurable.phtml


<select name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]" id="attribute<?php echo $_attribute->getAttributeId() ?>" class="required-entry super-attribute-select">
<option><?php echo $this->__('Choose an Option...') ?></option>
</select>


It shows 'Choose an Option...' as a default value

Choose an Option...

You can change it like below to simply select the first real element in your select:

$$('#attribute525 option')[1].selected = true;


Check with your attributeid. The above is just an example.

select

attribute502

attributeid

Navigate to Catalog->Attributes->Manage Attributes in your magento admin and search for your attribute.

Catalog->Attributes->Manage Attributes

Click to edit and select No to Values required.

No

Values required.

Hope it will work.

JQuery to default select first value is -

jQuery('#attribute135>option:eq(1)').attr('selected', true);


Please Select

This could get tricky if you have 2+ options (it's confusing but what you describe above is 1 option with 3 selection), says Color and Size. Assuming Color is the first Option, Size's selection will be updated once Color is selected.

For example, you have a shirt available in Red in size (S,L) and Blue in size (M,L), once you select Blue, Magento observe the event 'onChange' of the Color option and update the Size option to M, L.

This is what I would do to get it done correctly in PrototypeJS:

<script type='text/javascript>
var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);

document.observe('dom:loaded', function() {
var el = $('attribute<?php echo $_attribute->getAttributeId() ?>');
el.selectedIndex = 1;
el[0].remove();
if ("createEvent" in document)
var ev = document.createEvent("HTMLEvents");
ev.initEvent("change", false, true);
el.dispatchEvent(ev);
else
el.fireEvent("onchange");

</script>


in configurable.phtml, please note the fireEvent / dispatchEvent.
el[0].remove will get rid of "Select an option.."

configurable.phtml

This is the least intrusive method that I know of

Open appdesignfrontend[your package][your theme]templatecatalogproductviewtypeoptionsconfigurable.phtml


Now add the below java-script code after :-

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


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 ); // event type,bubbling,cancelable

return !element.dispatchEvent(evt);





Event.observe(window, 'load', function()

spConfig.settings[0].selectedIndex = 1;

obj = spConfig.settings[0]; // this grabs the first select item

Event.observe(obj,'change',function());

fireEvent(obj,'change'); // this simulates selecting the first option, which triggers

spConfig.settings[1].selectedIndex = 1; // this selects the first option of the second attribute drop menu
);


By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.