Magento 2 – Add Manufacturer Image to Details Page

magento-2.1manufacturerproduct-attribute

In Magento 2.1, I need to add manufacturer's logo in product detail page. Now, I added an attribute manufacturer from the backend.

I did that by going to Stores -> Attribute set then choosing Default. then there was two Unassigned Attributes, Color and Manufacturer. I dragged manufacturer into Product Details under Groups. Now I have a dropdown list at the backend's product catalog page (Product -> catalog -> edit/add the product ).

Now I need to implement when I choose a manufacturer from that dropdown, in that product's, product detail page manufacturer image should be displayed.

How do I accomplish that?

Best Answer

Create a module for this task.

Store all your Manufacturer images at path Company/Module/view/frontend/web/images/ with the exact name of menufacturer.

Then, you need to override template file for the product page and get Manufacturer Label in that template file:

$menufacturer = $_product->getResource()->getAttribute('manufacturer')->getFrontend()->getValue($_product);

Then, you can insert image like this:

<img src='<?php echo $this->getViewFileUrl('Company_Module::images/' . $menufacturer . '.png'); ?>' alt="<?php echo $menufacturer ?>" width="30" height="25">

Related Solutions

Magento 1.9 – How to Show Image by Product Attribute Value on Product Page

Create or replace with the below content and put it in app\design\frontend\Your-Package\Your-theme\template\catalog\product\view\attributes.phtml

Also make logo named as CE.png,CLASSE II.png, ENEC.png, F.png, IP20.png and place it in skin\frontend\Your-Package\Your-theme\images

<?php
$_helper = $this->helper('catalog/output');
$_product = $this->getProduct()
?>
<?php if ($_additional = $this->getAdditionalData()): ?>
    <h2><?php echo $this->__('Additional Information') ?></h2>
    <table class="data-table" id="product-attribute-specs-table">
        <col width="25%" />
        <col />
        <tbody>
            <?php foreach ($_additional as $_data): ?>
                <tr>
                    <th class="label"><?php echo $this->escapeHtml($this->__($_data['label'])) ?></th>
                    <?php if ($_data['code'] == "certification_mark"): ?>
                        <?php $values = explode(',', $_helper->productAttribute($_product, $_data['value'], $_data['code'])); ?>
                        <td class="data">
                            <?php foreach ($values as $value): ?>
                                <div style="float:left;"><img src="<?php echo $this->getSkinUrl("certification_marks/" . trim($value) . ".jpg") ?>"></div>
                            <?php endforeach; ?>
                        </td>
                    <?php endif; ?>
                    <?php if ($_data['code'] != "certification_mark" ): ?>
                        <td class="data"><?php echo $_helper->productAttribute($_product, $_data['value'], $_data['code']) ?></td>
                    <?php endif; ?>
                </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
    <script type="text/javascript">decorateTable('product-attribute-specs-table')</script>
<?php endif; ?>

It is working for me. Let me know once you tried it.

Magento – New attribute created in admin side is not showing in storefront UI in magento 2

Try to re-index database: php bin/magento indexer:reindex. Remember that a new attribute 'usually' shows under more info tab.

If you made some custom layout or template, please revert back to Magento default.

Best Answer

Related Solutions

Magento 1.9 – How to Show Image by Product Attribute Value on Product Page

Magento – New attribute created in admin side is not showing in storefront UI in magento 2

Related Topic