Magento – Magento 2 – Add text before description in product details tab

frontendmagento2product-attribute

I want to add the values of some custom attributes to the contents of the Details tab on the frontend Product page (where the Description is displayed). These values would be placed above the description.

I am not talking about adding a new tab. I want to simply add additional attribute values to an existing tab.

I have added a simple 'echo "TEST"' to THEME/Magento_Catalog/templates/product/view/description.phtml just to try and change the tab contents, but it had no effect. I am pretty new to Magento, so there may be an obvious answer, but I can't seem to figure it out. What am I missing?

Best Answer

vendor/magento/module-catalog/view/frontend/templates/product/view/attribute.phtml

You can override this file in your custom theme and add the custom attribute text before details tab content.

app/design/frontend/VendorName/ThemeName/Magento_Catalog/templates/product/view/attribute.phtml

I have added custom_attribute attribute in my local project and working fine. You can get custom attribute value like this : $_product->getCustomAttribute();

<?php
$_helper = $this->helper('Magento\Catalog\Helper\Output');
$_product = $block->getProduct();
$_call = $block->getAtCall();
$_code = $block->getAtCode();
$_className = $block->getCssClass();
$_attributeLabel = $block->getAtLabel();
$_attributeType = $block->getAtType();
$_attributeAddAttribute = $block->getAddAttribute();

$renderLabel = true;
// if defined as 'none' in layout, do not render
if ($_attributeLabel == 'none') {
    $renderLabel = false;
}

if ($_attributeLabel && $_attributeLabel == 'default') {
    $_attributeLabel = $_product->getResource()->getAttribute($_code)->getStoreLabel();
}
if ($_attributeType && $_attributeType == 'text') {
    $_attributeValue = ($_helper->productAttribute($_product, $_product->$_call(), $_code)) ? $_product->getAttributeText($_code) : '';
} else {
    $_attributeValue = $_helper->productAttribute($_product, $_product->$_call(), $_code);
}
?>
<?php if ($_attributeValue): ?>
    <?php /** This will display custom attribute value **/ ?>
    <?php if ($_code == 'description') : ?>
        <?php echo $_helper->productAttribute($_product, $_product->getCustomAttribute(), 'custom_attribute'); ?>
    <?php endif; ?>

    <?php if ($renderLabel): ?><strong class="type"><?= /* @escapeNotVerified */ $_attributeLabel ?></strong><?php endif; ?>
    <div class="value" <?= /* @escapeNotVerified */ $_attributeAddAttribute ?>><?= /* @escapeNotVerified */ $_attributeValue ?></div>
</div>
<?php endif; ?>

Please clear cache after changing the file. hope this is helpful.

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 – Echo product attributes elsewhere on product page in Magento 2

You can achieve this all through your catalog_product_view.xml. I had to spit out some attributes just below the breadcrumbs of the product view using the following.

<block class="Magento\Catalog\Block\Product\View\Description" name="product.info.manufacturer" template="product/view/attribute.phtml" after="product.info.item">
    <arguments>
        <argument name="at_call" xsi:type="string">getManufacturer</argument>
        <argument name="at_code" xsi:type="string">manufacturer</argument>
        <argument name="css_class" xsi:type="string">manufacturer</argument>
        <argument name="at_label" translate="true" xsi:type="string">default</argument>
        <argument name="title" translate="true" xsi:type="string">Overview</argument>
        <argument name="add_attribute" xsi:type="string">itemprop="manufacturer"</argument>
    </arguments>
</block>

Best Answer

Related Solutions

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

Magento – Echo product attributes elsewhere on product page in Magento 2

Related Topic