Configurable product modification in Magento

By: Mladen Lotar, Last updated: Aug 29, 2023 | Published: Feb 22, 2011
Configurable product modification in Magento

In this article, I’ll give you extension that will change drop down selection (select field) to radio buttons on configurable products in Magento Community edition.

Well, what I had to do is rewrite Mage_Catalog_Block_Product_View_Type_Configurable block, and create a custom phtml file (configurable.phtml) with some custom validation on it.

Everything I just told you equals to this config.xml:

<?xml version="1.0"?>
<config>
<modules>
<Inchoo_Configurable>
<version>0.1.1</version>
</Inchoo_Configurable>
</modules>
<global>
<models>
<configurable>
<class>Inchoo_Configurable_Model</class>
</configurable>
</models>
<blocks>
<configurable>
<class>Inchoo_Configurable_Block</class>
</configurable>
<catalog>
<rewrite>
<product_view_type_configurable>Inchoo_Configurable_Block_Frontend_Configurable</product_view_type_configurable>
</rewrite>
</catalog>
</blocks>
</global>
<frontend>
<layout>
<updates>
<configurable module="Inchoo_Configurable">
<file>configurable.xml</file>
</configurable>
</updates>
</layout>
</frontend>
</config>

And block rewrite consisted of addition of new method “getRegularConfig” that corresponds to “getJsonConfig”, except it doesn’t return Json encoded data.

And custom template packed in attached zip file is located under “test” theme folder. For installation you need to extract both layout (configurable.xml) and phtml (configurable.phtml) files.
Notice: keep folder structure for phtml file in your theme

And finally, on modern theme it changes configurable product view from this:

To this:

And finally, you can download it here.

Cheers!

Published in:
Leave a comment

You made it all the way down here so you must have enjoyed this post! You may also like:

Programmatically create a configurable Magento product Petar Sambolek
Petar Sambolek, | 20

Programmatically create a configurable Magento product

Magento Shopping Cart Promotion Rule for Product with Custom Options Branko Ajzele
Branko Ajzele, | 34

Magento Shopping Cart Promotion Rule for Product with Custom Options

How to add Currency selector to Magento’s header Zvonimir Buric
Zvonimir Buric, | 60

How to add Currency selector to Magento’s header

138 comments

  1. Hi i use this extension but i have a problem . if one of option of configurable product be out of stock that can be select for checkout . i want to hide or disable that option like black color for a product . can anyone help me ?

    Reply

  2. Hello,

    I’ve installed this extension and it’s working great! I was even able to customize it to display the actual simple product price rather than the plus or minus difference from the base price. Where I’m running into an issue is setting the sort order. This doesn’t appear to be looking at the Product Attribute Options “Order” and is just sorting by the simple product sku. Is there any way to set the “order” of the attribute options and have that order be reflected in the options? Any help would be greatly appreciated.

    Thanks!

    Reply

    1. how do you able to customize it to display the actual simple product price rather than the plus or minus difference from the base price
      plz i’m stuck here and i want to display actual simple product price
      plz rpy asap…

  4. Hi

    and thank you for that nice extention. I have trouble with the price building. After install i read comments here and add code for multiple options and code looks like below:

    <?php if ($_product->isSaleable() && count($_attributes)):?>
    <dl class="radio">
    <?php foreach($_attributes as $_attribute): ?>
        <dt><label class="required h3"><em>*</em><?php echo $_attribute->getLabel() ?></label></dt>
            <div class="input-box">
				<?php $configs = $this->getRegularConfig()?>
				<?php foreach($configs['attributes'] as $config):?>
					<?php if ($config['id'] === $_attribute->getProductAttribute()->getData('attribute_id')): ?>
						<?php echo 'config[id]: '.$config['id'].'<br />_attribute[attribute_id]: '.$_attribute['attribute_id'].'<br />'; ?>
						<?php foreach($config['options'] as $value):?>
	                        <dd class="radio <?php #if ($_attribute->decoratedIsLast) echo 'last'; else echo 'fl'; ?>">
		                        <label class="label-radio-configurable" id="<?php echo (float)$value['price'] + (float) $_product->getPrice();?>">
								<input type="radio" name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]"
									id="attribute<?php echo $_attribute->getAttributeId() ?>"
									class="validate-custom-configurable"
									value="<?php echo $value['id']?>"/>
								<?php echo $value['label']?> (+ €<?php printf("%.2f", $value['price'])?>)
							</label>
						<?php endforeach;?>
					<?php endif; ?>
				<?php endforeach;?>
                 </dd>
              </div>
    <?php endforeach; ?>
    </dl>
<?php endif;?>

    I found another hints to price building in comments, but do not know, how to make them work correct. The Problem is now, when i click the first radio button, the price updates correct, when i click in second row on another radio button, the price is not added, it is overritten.

    For the Test, i provide this URL to you to have a look:
    Test configurable product

    I would be very pleased to figure this out with you

    With best regards from Germany:
    Alex

    Reply

  5. Your module is great ! Thank you so much.
    The only thing is I don’t get the right currency symbol. I want to display € in the radio button area.
    I am using CE 1.7 and after long trials on code edition, I can’t find out! Although base currency is € everywhere else on my store… Thank you so much if you could help

    Reply

    1. So easy in fact, the currency symbol doesn’t display dynamically, but is simply written in code in \app\design\frontend\default\YOURTHEME\template\configurable\product\view\type\options\configurable.phtml
      at line #24 :
      (+ $)

      Change + $ by + €. Or even better for €, do it like this :
      (+ €)

    2. So easy in fact, the currency symbol doesn’t display dynamically, but is simply written in code in \app\design\frontend\default\YOURTHEME\template\configurable\product\view\type\options\configurable.phtml
      at line #24 :

      CHANGE

      (+ $<?php printf("%.2f", $value['price'])?>)

      BY

      (+ <?php printf("%.2f", $value['price'])?> €)

      And you will get the result (+ 100 €) instead of ( +$100)

  6. Hi,
    I have copied files from app/design/frontend/default test to my custome theme but nothing change on frontend.
    Does anyone could help me please ?
    Is it necessary to copy Inchoo folder in app/code/local ?

    Thanks

    Reply

  8. In configurable.phtml after

    <?php foreach($config['options'] as $value):?>

    insert the below code.

    <?php
if($config['label']!= $_attribute->getLabel())
{break;}
?>
    Reply

  9. Great extension, but it seemed to break the configurable swatches function in Magento 1.9. When selecting an option on a configurable product (i.e. Color), I can’t get the main product image to change. Does anyone know a fix for this?

    Reply

  11. Good Extension, but have some issues:
    1. Price not update when options chosen
    2. For product with multi attributes like: color, size… it’s some confuse when all values always show in configuration box, need only display size/color. Ex: when chose one size then one fit color just display

    Reply

    1. In configurable.phtml the code for displaying attribute options is altready part of an attribute loop, however the function getRegularConfig() returns all attributes.

      To fix, encaspulate the loop with:

      attribute_id ) { ?>

    2. To prevent things like this
      in configurable.phtml file do the following:
      Before

      <?php foreach ($config['options'] as $key => $value): ?>

      add

      <?php if ($config['id'] === $_attribute->getProductAttribute()->getData('attribute_id')): ?>

  12. Using this extension, having one problem regarding price. On product view page it shows only regular price for all additional products. Additional price is not displaying. Please reply ASAP.

    Reply

  13. Hi,

    Could you explain how to use this zip folder as am beginner to magento and want to make configurable product attribute size into a radio button instead of dropdown.

    any help will be appreciable & waiting for your response.

    thanks

    Reply

  14. This code is great ! Thank you so much.
    When you say “multiple attributes” you mean transforming the radio into checkbox right ? So the cost of each attribute will be summed
    If not. Do you have a solution for that ?

    Reply

  15. I found a solution for multiple attributes:

    in configurable.phtml change:

     <?php $configs = $this->getRegularConfig($_attribute->getData('attribute_id')) ?>

    and in Configurable.php add in the end of the function add

     if($attribute_id && isset($config['attributes'][$attribute_id])){
            return $config['attributes'][$attribute_id];

        }

    if anyone knows any way to change the images based on one of the attributes?

    Reply

  17. Addition:
    I have tried the above solution (comparing the label which I changed to attribute ID as it made more sense to me) but it still shows ALL available options of this attribute, not only the ones, that my product offers.
    (If I offer my shirt in black and white where black has sizers S and L and white has M and L it still shows S, M and L for both colors)

    Reply

  18. Is there a satisfying solution for multiple attributes yet?
    Otherwise great extension! Love it!

    Reply

  22. i want radio for perticular one option as a customize configuration.phtml default with ur file i get radio button but price not change

    Reply

  24. Just figured out how to fix it when working with multiple currencies.

    In the top of configurable.phtml add these two lines:
    $baseCurrencyCode = Mage::app()->getStore()->getBaseCurrencyCode();
    $currentCurrencyCode = Mage::app()->getStore()->getCurrentCurrencyCode();

    In the id attribute, in the , change the original:

    id=”getPrice();?>”

    for

    id=”currencyConvert($_product->getPrice(), $baseCurrencyCode, $currentCurrencyCode);?>”

    Reply

  25. It does not work with multiple currencies, right?

    In the cart the total is right, but in the products page when you choose an option, the total is wrong. If I find the fix I will post here.

    Reply

  27. Hi,

    Thanks for this extension. I see that the prices are not updated. Could you please tell me how i can fix this?

    Reply

  30. Thanks for nice extension .it’s working fine for me

    can u help me .
    i would like to set attribute option like “amazon” button
    so is there any type of plugin available?

    Reply

  31. Unfortunately it does not work with special prices. I saw in configurable.php that it gets the special price by ->getFinalPrice but on the frontend it always displays the regular price.

    Reply

    1. In configurable.phtml you must replace:

      <label class="label-radio-configurable" id="getPrice();?>”>

      with:

      <label class="label-radio-configurable" id="getFinalPrice();?>”>

      For me it works!

  33. I installed this and it’s working, but how do I integrate this into an existing theme?

    I don’t think I need a detailed guide, but general overview would be good enough to get me started.

    Can anyone help?

    Reply

  34. Shaz, Wouter, murg and me have one problem:

    with my install, it shows me all the options of all attributes in each attributes ?
    For example:
    Color : Red, Blue , S, M, XL (which are size)
    Size: Red, Blue, S, M, XL

    i am using 1.7.2

    doe anybody know how to fix it????

    Reply

  35. hey.. Thanks.. Is there any option so that some of the
    attribute display as Radio and depending on its selection .. other
    attributes display as dropdown..? as in Attribute 1 display as
    Radio Button and Attribute 2,3 display as dropdown.. ? PLEASE
    HELP!!

    Reply

  38. Hello,

    the extension looks like it is the perfect solution for me. But I have the same problem like Jason: After Installation I couldn’t see the radiobuttons. (Just an empty box).

    I think my installations doesn’t find the configurable.phtml Any more hints where to place it in a customized theme? I am using magento 1.7. Thanks in advance.

    Reply

  39. It is good to try when having only one configurable option and no price difference for related simple products. However, found similar problems for more than one configurable options (ie: size, color). Hope someone could share the solution.

    Reply

  40. This extension is not working the special price.

    Can someone tell how it will work with special prices.

    I mean if any products have special price so how that would work ?

    Reply

  41. Are there any fixes for Internet Explorer? Unfortunately it looks like people who are still using IE cannot add the product to the cart and are receiving the following error when doing so.. “Please specify the product’s options(s).”

    Reply

  44. I faced couple of problems with this extension.
    1. All options of color and size are displayed for both.
    2. When I select color first and size options doesn;t change with respect to color selection
    3. Price also doesn’t change

    Reply

  46. sorry for being lame, but new to magento. Doing development from a previous owner’s half-effort.
    Magento ver. 1.4.1.1 – modern theme
    Same issue, turning dropdown to radio. Downloaded your extension but can’t figure out where to put the files from this post and comments…. thanks much

    Reply

  47. Hello

    If there is some additional price for options and when I click on radio button the price of products in related block in left side bar also changes.

    If any one fixed this bug please share.

    Thanks in advance.

    Reply

  48. i have the same problem than Shaz:

    Shaz
    16-03-2012 at 15:21 | #

    with my install, it shows me all the options of all attributes in each attributes ?
    For example:
    Color : Red, Blue , S, M, XL (which are size)
    Size: Red, Blue, S, M, XL

    i am using 1.7.2

    how can i solve this ?

    Reply

  49. Hi again.
    The problem is following (JS):
    ….
    el.observe(‘click’,function(event){
    //console.log(el.parentNode);
    $$(‘span .price’).each(function(elmn){
    …..
    I mean ‘span .price’ gets updated and since all prices are displayed between
    [code]<span class="price"></span>[/code], all prices get updated…

    Maybe it’s not the best, but it is solution:
    remove [code]<span class="price"></span>[/code] from prices of related products:

    Go to price.phtml, find the line where your price gets displayed (mine:line 199) and replace:

    [code]<span class="regular-price" id="product-price-<?php echo $_id ?><?php echo $this->getIdSuffix() ?>">
    <?php if ($_finalPrice == $_price): ?>
    <?php $suffix=$this->getIdSuffix();
    <?php if ($suffix==’-related’):?>
    <?php $myprice=$_coreHelper->currency($_price, true, true);
    $myprice=str_replace(‘<span class="price">’, ”, $myprice);
    $myprice = str_replace(‘</span>’, ”, $myprice);
    echo $myprice; ?>
    <?php else: ?>
    <?php echo $_coreHelper->currency($_price, true, true) ?>
    <?php endif; ?>
    <?php else: ?>
    <?php echo $_coreHelper->currency($_finalPrice, true, true) ?>
    <?php endif; ?>
    </span>[/code]

    Who knows, maybe this sux, im tired to check all, but anyways i decided to share this with you, maybe it helps at the end… hf gg James!

    P.S. Sry for double post…(tired, missed [code][/code] )

    Reply

  50. Hi again.
    The problem is following (JS):
    ….
    el.observe(‘click’,function(event){
    //console.log(el.parentNode);
    $$(‘span .price’).each(function(elmn){
    …..
    I mean ‘span .price’ gets updated and since all prices are displayed between
    , all prices get updated…

    Maybe it’s not the best, but it is solution:
    remove from prices of related products:

    Go to price.phtml, find the line where your price gets displayed (mine:line 199) and replace:

    <span class="regular-price" id="product-price-getIdSuffix() ?>”>

    getIdSuffix();

    currency($_price, true, true);
    $myprice=str_replace(”, ”, $myprice);
    $myprice = str_replace(”, ”, $myprice);
    echo $myprice; ?>

    currency($_price, true, true) ?>

    currency($_finalPrice, true, true) ?>

    Who knows, maybe this sux, im tired to check all, but anyways i decided to share this with you, maybe it helps at the end… hf gg James!

    Reply

  51. Hi, I have the same problem as James Bond, hrhrhr.
    Related products prices change as i klick radio buttons…..
    I hope some of you out there got some idea. Thank you very much for sharing this code guyz. <3

    Reply

  52. Just one last try as I know there are lots of Guru’s here – can anyone throw me a bone in regards to my questions above about the fact that all related products instantly changing to the price that is selected? What hook / javascript function gets run when you click the radio button and why does it change all the related product prices? Maybe I can hack out the class ID of the related product listings or something? I mean, it’s very trippy watching half a dozen related products all change at the same time when you click, kind of like being at the airport back int the day… but I really need to fix it… TIA for any help anyone can offer / functions to look into / phtml files to explore…

    Reply

  54. My problem, I have an option size and color (double options for the product configurable). the problem is i can add to cart my product because the color depend in size, Thanks

    Reply
  55. <?php
$_product = $this->getProduct();
$_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes());
?>
<?php if($_product->isSaleable() && count($_attributes)) : ?>
<div class="product-configuration-radio">
	<ul>
	    <?php foreach($_attributes as $_attribute) : ?>
	        <label class="required"><em>*</em><?php echo $_attribute->getLabel() ?></label>
	            <div class="input-box">
					<?php $configs = $this->getRegularConfig() ?>
					<?php foreach($configs['attributes'] as $config) : ?>
						<?php foreach($config['options'] as $value) : ?>
	                        <li><label class="label-radio-configurable" id="<?php echo (float)$value['price'] + (float) $_product->getPrice();?>"><?php echo $value['label']?> (+ $<?php printf("%.2f", $value['price'])?>)</label>
							<input type="radio" name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]" id="attribute<?php echo $_attribute->getAttributeId() ?>" class="validate-custom-configurable" value="<?php echo $value['id']?>"></li>
						<?php endforeach; ?>
					<?php endforeach; ?>
	              </div>
	    <?php endforeach; ?>
	</ul>
</div>
<?php endif; ?>

    <script type="text/javascript">
        var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);
		document.observe("dom:loaded", function() {
			var customValidation = false;
			var priceFormat = <?php echo $this->helper('tax')->getPriceFormat(); ?>;
			$$('.validate-custom-configurable').each(function(el){
				el.observe('click',function(event){
					//console.log(el.parentNode);
					$$('span .price').each(function(elmn){
						elmn.update(formatCurrency(parseFloat(el.parentNode.id), priceFormat)).innerHTML;
					});
				});
			});
			Validation.addAllThese([
				['validate-custom-configurable', 'This is a required field.', function(v) {
					$$('.validate-custom-configurable').each(function(el){
						if (el.checked) {
							customValidation = true;
						}
					});
					return customValidation;
				}]
			]);
		});
    </script>

    Here is something a little more sound in my opinion. We added a div for some control and made the list an actual list styling reasons. I also removed the random whitespace around the input elements and removed the solidus for HTML 5 (you can add it back if you want).

    Reply

  56. Finally fixed the issue after hours of looking at the code it was something to do with data.

    I had to re-complie the files. the second I did that it all came in perfectly!

    To re-complie in the Magento back-end head to:

    system > tools > compilation

    hit the run compilation process button.

    job done. hope this helps anyone having the same issue.

    Reply

  57. Sergio,

    can’t get my head round this one, its not even using the configurable.phtml template file.

    very strange, complete fresh install of magento as well

    Reply

  58. I fixed the tax included issue by modifing the file configurable.phtml.
    I post the code here:

    <?php
$_product    = $this->getProduct();
$_attributes = Mage::helper('core')->decorateArray($this->getAllowAttributes());

$_coreHelper = $this->helper('core');
$_taxHelper = $this->helper('tax');

?>
<?php if ($_product->isSaleable() && count($_attributes)):?>
    <dl>
    <?php foreach($_attributes as $_attribute): ?>
        <dt><label class="required"><em><font style="color:red;">* </font></em><?php echo $_attribute->getLabel() ?></label></dt>

            <div class="input-box">
				<?php $configs = $this->getRegularConfig()?>
				<?php foreach($configs['attributes'] as $config):?>
                        <dd<?php if ($_attribute->decoratedIsLast){?> class="last"<?php }?>>
                            <label class="label-radio-configurable" id="<?php echo $_taxHelper->getPrice($_product, $value['price'], true) + $_taxHelper->getPrice($_product, $_product->getFinalPrice(), true);?>">
					<?php foreach($config['options'] as $value):?>
                    <?php 
					$_optionPrice_tx = $_taxHelper->getPrice($_product, $value['price'], true); 
					?>
                                <input 
                                    type="radio" 
                                    name="super_attribute[<?php echo $_attribute->getAttributeId() ?>]"
                                    id="attribute<?php echo $_attribute->getAttributeId() ?>"
                                    class="validate-custom-configurable"
                                    value="<?php echo $value['id']?>"
                                />
                                <?php echo $value['label']?>
								<?php if ($value['price'] != 0): ?> 
                                (+ <?php echo Mage::helper('core')->currency($_optionPrice_tx,true,false); ?>) 
								<?php endif; ?>
					<?php endforeach;?>
                            </label>
                        </dd>
				<?php endforeach;?>
              </div>

    <?php endforeach; ?>
    </dl>
<?php endif;?>
    <script type="text/javascript">
        var spConfig = new Product.Config(<?php echo $this->getJsonConfig() ?>);
		document.observe("dom:loaded", function() {
			var customValidation = false;
			var priceFormat = <?php echo $this->helper('tax')->getPriceFormat(); ?>;
			$$('.validate-custom-configurable').each(function(el){
				el.observe('click',function(event){
					//console.log(el.parentNode);
					$$('span .price').each(function(elmn){
						elmn.update(formatCurrency(parseFloat(el.parentNode.id), priceFormat)).innerHTML;
					});
				});
			});
			Validation.addAllThese([
				['validate-custom-configurable', 'This is a required field.', function(v) {
					$$('.validate-custom-configurable').each(function(el){
						if (el.checked) {
							customValidation = true;
						}
					});
					return customValidation;
				}]
			]);
		});
    </script>

    For Jason:
    [quote]Anyone got this working in 1.7.0.0?

    installed it and the dropdown completely disappears and doesnt render anything. doesn’t even appear to be using the template configurable.phtml when template hints are turned on
    [/quote]

    For me works in 1.7.0.0
    copy files from app/design/default/test (what’s inside test folder) to your theme folder, and you should be fine.

    Reply

  59. Anyone got this working in 1.7.0.0?

    installed it and the dropdown completely disappears and doesnt render anything. doesn’t even appear to be using the template configurable.phtml when template hints are turned on

    Reply

  60. Sorry guys, i decided back then that i wouldnt use this mod.
    i remeber that i fixed the problem, but i dont have the code anymore 🙁

    Reply

  61. the module seems to not display tax included.
    So i got the dufault price with tax included, the option price without adn when i select option it changes the prise display without taxes. Any idea for a solution?

    Reply

  65. Any help with my problem above would be so very much appreciated! Nobody else is using related products?

    Reply

  67. Brilliant solution! However, as soon as you click a radio button, every single product in the list of related products in the sidebar have their prices changed to the price of the selected option. This is quite disconcerting 🙂 Any tips for how to stop that?

    Reply

  68. Works like a charm except for when using special prices, the price on the product page doesn’t change dynamically. Have tried Marek’s suggestion without luck, any other ideas?

    Reply

  70. I Downloaded your extension and everything seems to be working fine but I am facing some issues on special price. While using special price, price does not gets updated when selecting radio button. Any help would be appreciated.

    Reply

  73. Hi, thank you for this extension.
    I have a problem ( bug?) with my install, it shows me all the options of all attributes in each attributes ?
    For example:
    Color : Red, Blue , S, M, XL (which are size)
    Size: Red, Blue, S, M, XL

    Anyone had this problem ?
    Can u feedback ?

    thanks

    Reply

  74. if you are using special price, change $_product->getPrice()
    into
    $_product->getFinalPrice()

    ..in foreach loop

    Reply

  76. thank ‘s for your help, The problem is if I have double option for example size and color, if size depend in color
    I can’t add some product(after checked some option) in cart because it’s return please choose a option.

    Thank you

    Reply

  77. Hey, good info. But when you use this extension magiczoomplus you need to implement your code in /template/magiczoomplus/configurable.phtml

    Reply

  78. My problem, I have an option size and color (double options for the product configurable). the problem is i can add to cart my product because the color depend in size, Thanks

    Reply

  79. @Zeeshan hope, that you downloaded the extension, that Mr. Lotar has provided. So if you did it, there is a file in the archive: /app/code/local/Inchoo/Configurable/Block/Frontend/Configurable.php This file contains class Inchoo_Configurable_Block_Frontend_Configurable which has public function getRegularConfig()

    Hope, that helps 🙂

    Reply

  80. I’m unable to understand where function

    getRegularConfig()

    has been defined. I end up with no success. Kindly guide……!!

    Reply

  81. Hi, thank you for this extension and updates

    but, problems in “double options”, price change(especially if there is a special price) sections, hoping a fix soon..

    Reply

  82. thank for author for this extension
    but how i can change the currency,
    my currency is euro , but here displayed $ , not €

    Reply

  83. One more issue… Like we have Small size and color options are 3.. And Medium have 2… Large have 1.. How can we do that ?? ANy idea ???

    Reply

  85. Hey! I have a question about this extension. So I’ve got it working but it isn’t narrowing the attribute options that are dependent from the previous option selected.

    Natively, it would work on Magento’s dropdown options. Anyone have a solution for this?

    Reply

  89. A new error will appear, don’t know if it’s because of me yet but the total sum won’t match if you choose two of the options that increase the value. This it’s a JS issue that needs to be fixed.

    Reply

  91. I’m suffering of the “double options” too.

    This is a quick fix that worked for me (Magento 1.5):

    Line 13:
    getLabel() ): ?>

    Line 22:

    Reply

  93. Guys, try this

    getLabel() == $config[‘label’]) { ?>

    <dddecoratedIsLast){?> class=”last”>
    <label class="label-radio-configurable" id="getPrice();?>”>
    <input type="radio" name="super_attribute[getAttributeId() ?>]”
    id=”attributegetAttributeId() ?>”
    class=”validate-custom-configurable”
    value=””/>
    <?php echo $value['label']; (+ $)

    Reply

  94. Hiya, I’m having the problem with 2 options getting mixed together too – is this extension still supported? It’s gone awful quiet…

    Reply

  95. I just find out that I have the same problem. Two different kinds of options (e.g. colors and sizes) are mixed together and shown twice.

    Reply

  96. Thank you for sharing! I got it to work.

    For those who cannot get it to work, you might want to check that you rename the folder (and its subs) under app/design/frontend to match your design package/theme structure.

    Reply

  97. Hi, I couldnt make it work on 1.5.1. I upload all the files, but nothing happened. Can you guys help me on this issue please ?

    Reply

  98. Hi, I successfully implemented your code in a fresh magento installation, but if I set a default value for the attributes I made for the configurable products, it does not auto select.

    Is there a way to fix this? thank you in advance.

    Reply

  99. Hi.. this worked great, but it broke the code for showing the product’s base image when an option is selected (http://bit.ly/iGP9kB). It is a neat feature, could you tell me how to integrate it with your code? please. Thank you!.

    Reply

  101. @ankur.

    yeah my problem is that the radio button of the two options displays twice in each configuration. -.-

    @mladen,

    sir please help us fix this problem. thanks.

    Reply

  102. @Mladen Lotar, the author
    Sir please look into this 2 options issue. Its going to be a great help for beginners like us. Inchoo specially has been a great help for me on basic & advanced level. Hope you can find some time for this
    Regards
    Ankur

    Reply

  103. @tinatz
    First of all you need to change catalog.xml the

    <catalog_product_view>

    xml section
    u can see in my previous comments

    <block type="configurable/frontend_configurable" name="product.info.options.configurable" as="options_configurable" template="configurable/product/view/type/options/configurable.phtml"/>

    if u see my previous post I have said that it only works for configurable products.

    Moreover I am not able to understand 2 options problem, if you mean the problem that u face when there are two config, options like size & color. u see radios twice For this I am sorry I havn’t figured it out yet. The author of this post is the right person to ask.
    Hope this helps

    Reply

  104. @ankur

    what xml (specificaly) would i have to adjust? and which code from that?

    I still have the 2 option problem, i have to fix it as son as possible. please reply guys. thanks ^^

    Reply

  105. @Robb
    Robb it seems like this code fails for simple products.
    I tried & found a way like this. In my catalog/product/view.phtml, I wrote code like this.

    <?php if ($_product->isConfigurable()):		?>
	<?php  echo $this->getChildHtml('options_configurable') ?>
<?php else:	?>
        <?php echo $this->getChildHtml('product_type_data') ?>
<?php endif; 	?>

    & of course u have to change ur XML file so that u can call both blocks from view.phtml (if u have already done then its great.)

    I hope it helps

    Reply

  107. Looks good but when I click the button it changes the price if I’m in a store that has another currency than what the product is set to native.

    Is it possible to remove the price adjustment part and just keep the option part (I just need size selection)?

    Thanks for really good code otherwise

    Reply

  115. Just more info about that I needed to modify my catalog.xml to implement my theme. so I am calling this file directly as

    <block type="configurable/frontend_configurable" name="product.info.options.configurable" as="options_configurable" template="configurable/product/view/type/options/configurable.phtml"/>

    I think this should help !!

    Reply

  116. Thanks this module works great !!

    Although I am facing a problem in few products.
    e.g. For shirts(category from magento sample database) its working perfect.

    but for laptops it showing errors

    Fatal error: Call to undefined method Mage_Catalog_Model_Product_Type_Simple::getConfigurableAttributes() in magento/app/code/core/Mage/Catalog/Block/Product/View/Type/Configurable.php on line 43

    certainly something is broken, why the core is failing??
    Guys Any idea how Can I fix it thanks for ur help
    Cheers,
    ANkur

    Reply

  117. Hi Mladen,
    If I just wanted to use the radio button part of the extension and not the price calculations, which file(s) would I need to download ?

    The reason I ask, is because I’d like to use the ‘radio button’ functionality from your extension with the ‘Simple Configurable Products’ extension for Magento.

    Reply

  118. Hi Mladen,
    Thanks for the extension. I’m a complete novice to Magento. Could you point me in the direction of some instructions to download your extension (or any other for that matter) on to my Magento platform please ?
    Is ‘Mage_Catalog_Block_Product_View_Type_Configurable’ part of the core Magento or would it be loaded on to the local Magento ?
    Thanks in advance.

    Reply

  124. I downloaded the zip file (several times), but each time winzip/winrar tell me that the file is corrupt.

    Any chance you could fix the download?

    Thanks.

    Reply

  125. Thanks man..
    Great post. just like want i want.
    you save my time .

    Thank you again and keep up the great work. : )

    Reply

  127. Sorry, wrong post.
    I found you already had it. I miss copied.

    Sorry for creating garbage comments here.

    Reply

  128. <?xml version=”1.0″?>
    <config>
    <modules>
    <Inchoo_Configurable>
    <active>true</active>
    <codePool>local</codePool>
    </Inchoo_Configurable>
    </modules>
    </config>

    Reply

  129. Hi Mladen,

    Thank you for your great post.

    But I think you forgot to put one file in your download file.

    app/etc/modules/Inchoo_Configurable.xml

    true
    local

    Reply

  130. Hi Nigel,

    copy files from app/design/default/test (what’s inside test folder) to your ape folder, and you should be fine.

    But do note that this is just an example, so make backup before you do.

    Cheers!

    Reply

  131. Hey Mladen,
    Great post. Does this configuration only work with the default/modern themes because I believe I followed all of your directions, but nothing changes on the front end. I am using a custom theme: default/ape, so that may be the case.

    Thanks though and keep up the great work.
    Nigel
    apeshit clothing

    Reply

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <blockquote cite=""> <code> <del datetime=""> <em> <s> <strike> <strong>. You may use following syntax for source code: <pre><code>$current = "Inchoo";</code></pre>.

Tell us about your project

Drop us a line. We'd love to know more about your project.