Magento2 前端開發：如何在前端頁面取得自訂product attribute的值

呈上期 新增product attribute 之後，本篇文章將說明如何在前端頁面把product attribute呼叫出來，下面就來介紹在商品頁面取得product attribute的方法。

在你的catalog_product_view.xml新增：

<referenceContainer name="product.info.main">
    <block class="Magento\Catalog\Block\Product\View\Description" name="product.info.custom.attribute" template="Magento_Catalog::product/view/product-attribute.phtml"/>
</referenceContainer>

或

<referenceContainer name="product.info.main">
    <block class="Magento\Catalog\Block\Product\View\Attributes" name="product.info.overview.wrapper2" template="Magento_Catalog::product/view/product-attribute.phtml" after="-"/>
</referenceContainer>

編輯你的product-attribute.phtml

<?php
$_helper = $this->helper(Magento\Catalog\Helper\Output::class);
$_product = $block->getProduct();
 
// 方法一
echo $_product->getResource()->getAttribute('custom_attribute')->getFrontend()->getValue($_product);
 
// 方法二
echo $_helper->productAttribute($_product, $_product->getData('custom_attribute'), 'custom_attribute');
?>

以上就是在前端頁面呼叫product attribute 的方法，未來我們還會持續更新Magento相關的應用文章分享，不要忘記訂閱我們的官方電子報，以及追蹤我們的FB與IG，以獲得第一手資訊喔！