Magento 1.9 – Custom Select Options HTML for Products

customcustom-optionsmagento-1.9

Is there a way to edit the default custom option template on frontend?

Currently the following template file:

/app/design/frontend/theme/theme/template/catalog/product/view/options/type/select.phtml

Load the custom options by <?php echo $this->getValuesHtml() ?>

But I want to change somethings on the loaded HTML. For example I want to display also the €0,00 price or the word "Default" when the option does not increase the price. I also want to display the minus prices, when a option decrease the price. And I want to display the price excluding VAT only.

How can I achieve this? What is the loaded file, that loads the ValuesHtml?

Best Answer

If you want to update the select template, you have to add what you want on it in your theme files, so Magento get it from your theme first then the default then the base as the Magento theme fallback system.
Now if you want to update the data that contains this select.phtml like $this->getValuesHtml()(what you are looking for), you have to rewrite the Select.php in your local codePool from : app/code/core/Mage/Catalog/Block/Product/View/Options/Type/Select.php getValuesHtml()

Related Solutions

Magento – how to do absolute pricing for custom options in simple product

Magento does not support this. The custom options prices are relative to the base price.
I think a better way of doing it, in order not to interfere with the magento pricing calculation system (that's kind of a monster) is to either set the prices for the custom options relative to the base price or set the base product price to 0.

Working with the same example you gave, you either set the prices of your custom options to 20$ and 40$.
Or, if the custom option is mandatory set the base price to 0 instead of 30 and leave the custom options prices as they are.

Magento – Update product custom option price on product price change

go to app/design/frontend/theme_package/theme/layout/catalog.xml

in below action

<catalog_product_view>
</catalog_product_view>

add this code

<reference name="head">
            <action method="addJs"><script>varien/product.js</script></action>
            <action method="addJs"><script>varien/product_options.js</script></action>
            <action method="addJs"><script>varien/configurable.js</script></action>

</reference>

Best Answer

Related Solutions

Magento – how to do absolute pricing for custom options in simple product

Magento – Update product custom option price on product price change

Related Topic