Magento – How to render the bundle options in product list

bundled-productce-1.7.0.2

How can I render the bundle options in product list

I tried to add the block

<?php echo $this->getLayout()->createBlock('bundle/catalog_product_view_type_bundle', '', array('template'=> 'bundle/catalog/product/view/type/bundle/options.phtml'))->toHtml(); ?>

inside the list.phtml for each bundled product in $_productCollection but its not working.
Do I need to create a module with blocks having methods of catalog and bundle modules?
I am new to Magento. Please help. I tried everything I can.

Best Answer

That is not an easy issue, mostly because of complex JavaScript. It is not used to list of bundles and I'd recommend to write own js library to present bundle options. Don't waste time and efforts trying to fix or reuse magento library.

There are a lot of examples how to take options. (http://inchoo.net/ecommerce/magento/magento-get-bundled-items-by-bundle-product/)

Render them itself.

Related Solutions

Magento – How to remove the +$0.00 from product bundle options

Go to the file: app/design/frontend/base/default/template/bundle/catalog/product/view/type/bundle/option/

Choose your selection method:

I am writing the below code for select.phtml

The simple process is to change (see the code in bold):

<?php if ($this->_showSingle()): ?>
        <?php echo $this->getSelectionTitlePrice($_selections[0]) ?>
        <input type="hidden" name="bundle_option[<?php echo $_option->getId() ?>]" value="<?php echo $_selections[0]->getSelectionId() ?>"/>
    <?php else:?>
        <select onchange="bundle.changeSelection(this)" id="bundle-option-<?php echo $_option->getId() ?>" name="bundle_option[<?php echo $_option->getId() ?>]" class="bundle-option-<?php echo $_option->getId() ?><?php if ($_option->getRequired()) echo ' required-entry' ?> bundle-option-select change-container-classname">
            <option value=""><?php echo $this->__('Choose a selection...') ?></option>
        <?php foreach ($_selections as $_selection): ?>
            <option value="<?php echo $_selection->getSelectionId() ?>"<?php if ($this->_isSelected($_selection)) echo ' selected="selected"' ?><?php if (!$_selection->isSaleable()) echo ' disabled="disabled"' ?>><?php echo $this->getSelectionTitlePrice($_selection, false) ?></option>
        <?php endforeach; ?>
        </select>
    <?php endif; ?>

<?php if ($this->_showSingle()): ?>
        **<?php echo $_selections[0]->getName()?>**
        <input type="hidden" name="bundle_option[<?php echo $_option->getId() ?>]" value="<?php echo $_selections[0]->getSelectionId() ?>"/>
    <?php else:?>
        <select onchange="bundle.changeSelection(this)" id="bundle-option-<?php echo $_option->getId() ?>" name="bundle_option[<?php echo $_option->getId() ?>]" class="bundle-option-<?php echo $_option->getId() ?><?php if ($_option->getRequired()) echo ' required-entry' ?> bundle-option-select change-container-classname">
            <option value=""><?php echo $this->__('Choose a selection...') ?></option>
        <?php foreach ($_selections as $_selection): ?>
            <option value="<?php echo $_selection->getSelectionId() ?>"<?php if ($this->_isSelected($_selection)) echo ' selected="selected"' ?><?php if (!$_selection->isSaleable()) echo ' disabled="disabled"' ?>><?php echo $_selection->getName() ?></option>
        <?php endforeach; ?>
        </select>
    <?php endif; ?>

Magento Bundle Products – How to Add Images in Options

Adding selected image overview could be done by adding the following

<img id="<?php echo "bund" ;?>" src="<?php echo $adresse ;?>" />

in the file template/bundle/catalog/product/view/type/bundle/option/select.phtml". Like that.

...
<select onchange="bundle.changeSelection(this)" id="bundle-option-<?php echo $_option->getId() ?>" name="bundle_option[<?php echo $_option->getId() ?>]" class="bundle-option-<?php echo $_option->getId() ?><?php if ($_option->getRequired()) echo ' required-entry' ?> bundle-option-select">
            <option value=""><?php echo $this->__('Choose a selection...') ?></option>
            <?php foreach($_selections as $_selection): ?>
                <option value="<?php echo $_selection->getSelectionId() ?>"<?php echo ($_selection->getIsDefault() && $_selection->isSaleable())?' selected="selected" ':'' ?><?php echo !$_selection->isSaleable()?' disabled="disabled" ':'' ?>><?php echo $this->getSelectionTitlePrice($_selection, false) ?></option>
                <?php $adresse=$this->helper("catalog/image")->init($_selection, "small_image")->resize(50,50);?>
            <?php endforeach;?>
</select>
<img id="<?php echo "bund" ;?>" src="<?php echo $adresse ;?>" />
...

Fill free to update the code snippets to your will.

Best Answer

Related Solutions

Magento – How to remove the +$0.00 from product bundle options

Magento Bundle Products – How to Add Images in Options

Related Topic