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

attributesmagento2PHPproduct

Currently working on a Magento 2 build, and I've been stumped by something I guess is probably pretty simple.

As it stands, product pages are pretty much default, and product attributes are shown in the 'More Information' tab at the bottom.

What I'm attempting to do is echo an attribute's value elsewhere on the product page.

Since by default it seems to pass all the values to the page, I'm guessing there's simply a piece of syntax I'm missing for calling it in one of the product page view files.

I've tried a few things, such as:

$_product->getAttributeText('discount_banner');

But they seem to be the syntax for Magento pre-2.0.

If anyone can help out with what I'm doing wrong, I'd be incredibly appreciative.

Best Answer

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>

Related Solutions

Magento – How to Get Product Attribute to JavaScript

You can place this JS code anywhere to product page :

<script type="text/javascript">
    var article_link = "<?php echo $product->getArticleLink() ?>";
</script>

Now you can use javascript variable article_link anywhere on .js file, in your case it's custom.js

Magento – How to display custom attribute on product view page under description Magento2

I have similar requirement to show some text attribute values on frontend on product view page after the short description.
I have modified catalog_product_view.xml and added my own template file in my custom theme.

app/design/frontend/ThemePackage/themename/Magento_Catalog/layout/catalog_product_view.xml

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceContainer name="content">
            <container name="product.info.main" htmlTag="div" htmlClass="product-info-main product-shop col-md-7 col-sm-7 col-xs-12" after="product.info.media">
                <block class="Magento\Catalog\Block\Product\View\Description" name="product.info.measurements" template="product/view/customattribute.phtml" after="product.info.overview">
                    <arguments>
                        <argument name="at_call" xsi:type="string">getMeasurements</argument>
                        <argument name="at_code" xsi:type="string">measurements</argument>
                        <argument name="css_class" xsi:type="string">measurements</argument>
                        <argument name="at_label" xsi:type="string">measurements</argument>
                        <argument name="add_attribute" xsi:type="string">itemprop="measurements"</argument>
                    </arguments>
                </block>
            </container>
        </referenceContainer>
    </body>
</page>

app/design/frontend/ThemePackage/themename/Magento_Catalog/templates/product/view/customattribute.phtml

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

if ($_attributeLabel && $_attributeLabel == 'default') {
    $_attributeLabel = $_product->getResource()->getAttribute($_code)->getFrontendLabel();
}
$_attributeValue =$_product->getResource()->getAttribute($_code)->getFrontend()->getValue($_product);
?>
<?php if ($_attributeValue) { ?>
    <div class="product attibute <?php echo $_className?>">
    <div class="value" <?php echo $_attributeAddAttribute;?>><?php echo $_attributeValue; ?></div>
</div>
<?php } ?>

I have taken reference from [http://www.mohannatarajan.com/magento/magento2-get-product-attribute-value][1]

Best Answer

Related Solutions

Magento – How to Get Product Attribute to JavaScript

Magento – How to display custom attribute on product view page under description Magento2

Related Topic