Magento 1.9 – Display Configurable Product in a Matrix Table

configurable-productmagento-1.9products-viewsimple-producttemplate

Hi I am creating a magento website for a Timber company that sell their timber based on the section (width x height) and the length. The client wants the products to appear in a matrix table as opposed to the usual set of 2 drop down boxes.

Here is an image to show what I mean.
enter image description here

Does anyone know of an extension or could anyone put me on the right path as to where I would go to try and achieve this look?

Best Answer

Recently we were looking for something similar when we were making Magento website for a client that sells snap hooks and quick links in larger quantities, so he needed to display configurable products in a table and allow customers to add larger quantities to cart at once.

Somehow we've stumbled upon the developers from Extensions Mall that were developing a frontend matrix for configurable products at the time, so they offered to give us the module to test it for free.

It this one: https://www.extensionsmall.com/wholesale-add-to-cart-grid.html , and it is pretty good. It shows the price and the quantity available for the each simple product associated. It also displays a message when a certain simple product is out of stock, or not available at all.

It doesn't support swatches out-of-the-box, but the developers were very helpful in making it work with swatches as well. That's one of the reasons why I highly recommend it.

Related Solutions

Magento – Product price matrix

In terms of that particular developer, their service level has improved a lot over the last couple of years.

If you don't need to track inventory, then you could just use custom options which would be a great deal more simple.

You could also consider using better configurable products (http://www.nr-apps.com/store/bcp-better-configurable-products.html) which simplifies the method of structuring your prices.

It would be good to know more about your specific requirements though; how many products are you talking about, how many options would you have for each attribute, etc.

Displaying Width, Depth, and Height with Dropdown for Units of Measure in Magento 1.9

I wouldn't go about using a widget but maybe create a block that is included on the product detail page. In the block you output the 3 attributes and a dropdown with the units switcher and use Javascript to convert the attribute values.

so... In your templates layout local.xml

[...]
<catalog_product_view>
   <reference name="product.info">
      <block type="catalog/product_view" name="unit_convert" template="catalog/product/view/units.phtml"/>
   </reference>
</catalog_product_view>
[...]

In your templates template directory catalog/product/view/units.phtml

<?php
$_product = $this->getProduct();
// attribute sizes are by default CM
?>
<span id="unit_width"><?php echo $_product->getData('width');?></span>
<span id="unit_height"><?php echo $_product->getData('height');?></span>
<span id="unit_length"><?php echo $_product->getData('length');?></span>

<select id="unit_convert">
   <option value="cm">CM</option>
   <option value="in">IN</option>
</select>

<script type="text/javascript">
$("unit_covert").invoke('observe', 'change', function() {
    var ratio = ($("unit_covert").getValue() == 'cm') ? 1 : 0.393701 ;

    $('unit_width').innerHTML = parseFloat($('unit_width').innerHTML) * ratio;
    // repeat for other sizes
});
</script>

Small disclaimer, I kinda suck at javascript so please recheck it and don't put it on a live environment right away

Best Answer

Related Solutions

Magento – Product price matrix

Displaying Width, Depth, and Height with Dropdown for Units of Measure in Magento 1.9

Related Topic