create a configurable.phtml file in the given directory
app/design/frontend/magma/default/template/catalog/product/view/type/options
and put the below code on that file..
Clear your cache and than refresh your browser.
<?php /** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ ?> <?php $_product = $this->getProduct(); $_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes()); ?> <?php $_product = $this->getProduct(); $_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes()); ?> <?php if ($_product->isSaleable() && count($_attributes)):?> <dl> <?php foreach($_attributes as $_attribute): ?> <label class="required"><em>*</em><?php echo $_attribute->getLabel() ?></label> <span class="input-box"> <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> </span> <?php endforeach; ?> </dl> <script type="text/javascript"> var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>); function replaceSelectOption() { jQuery('.product_attribute_option_link').remove(); jQuery('#selected_combination').text(''); jQuery(".super-attribute-select").each(function () { var drop_down = jQuery(this); drop_down.hide(); drop_down.find("option[value!='']").each(function () { var option = jQuery(this); jQuery("<a>", { text: option.text(), href: '#product-options-wrapper', class: 'product_attribute_option_link', 'data-id': drop_down.attr('id'), 'data-name': drop_down.attr('name'), 'data-value': option.val(), 'data-label': option.text(), click: function () { drop_down.val(option.val()); var obj = drop_down.get(); Event.observe(obj[0], 'change', function () { }); fireEvent(obj[0], 'change'); replaceSelectOption(); var selected_combination = []; jQuery(".super-attribute-select").each(function () { if (jQuery(this).val()) { jQuery(".product_attribute_option_link[data-value=" + jQuery(this).val() + "]").addClass('product_attribute_option_link_selected'); selected_combination.push(jQuery(this).find("option:selected").text()); } }); jQuery.each(selected_combination, function (index, selection) { jQuery('#selected_combination').append(selection); if (index + 1 < selected_combination.length) jQuery('#selected_combination').append(" - "); }); return false; } }).appendTo(drop_down.parent()); }); }); } document.observe('dom:loaded', function () { replaceSelectOption(); jQuery(".product-view .add-to-cart .button.btn-cart").attr('onclick', ''); jQuery(".product-view .add-to-cart .button.btn-cart").on('click', function () { var chk = true; jQuery(".input-box .product_attribute_option_link").each(function () { if (jQuery(this).hasClass("product_attribute_option_link_selected")) { chk = false; return false; } }); if (chk) { jQuery("#product-options-wrapper .input-box").addClass('validation-failed'); jQuery("#product-options-wrapper > p.required").css({ display: 'block', position: 'absolute', right: '0', top: '30px', color: 'red' }); jQuery("#product-options-wrapper > p.required").fadeOut(3000, function () { jQuery("#product-options-wrapper .input-box").removeClass('validation-failed'); }); } else { productAddToCartForm.submit(this); } }); }); </script> <?php endif;?>