文章彙整

Magento2前端開發:如何透過修改layout xml檔來顯示最近看過的商品

Astral WebBy Astral Web 4 months agoNo Comments
首頁  /  Magento  /  Magento-2  /  Magento2前端開發:如何透過修改layout xml檔來顯示最近看過的商品

雖然透過後台的widget設定就可以顯示「最近看過的商品」,但是為了做好版本控制,我們還是希望可以透過程式碼來達到相同的效果。接下來我們要示範如何透過修改主題包裡的layout xml檔來顯示「最近看過的商品」。

如果你希望可以在商品頁顯示「最近看過的商品」,那麼請在 magento_root/app/design/frontend/<vendor>/<theme>/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>

    <move element=”page.main.title” destination=”product.info.main” before=”-” />

    <referenceContainer name=”content”>

      <block class=”Magento\Catalog\Block\Widget\RecentlyViewed” name=”recently_viewed” template=”Magento_Catalog::product/widget/viewed/grid.phtml” after=”-“>

        <arguments>

          <argument name=”uiComponent” xsi:type=”string”>widget_recently_viewed</argument>

          <argument name=”page_size” xsi:type=”number”>4</argument>

          <argument name=”show_attributes” xsi:type=”string”>name,image,price,learn_more</argument>

          <argument name=”show_buttons” xsi:type=”string”>add_to_cart,add_to_compare,add_to_wishlist</argument>

        </arguments>

      </block>

    </referenceContainer>

  </body>

</page>

 

接著清一下快取就可以在商品頁看到「最近看過的商品」了。

在上面的設定中:page_size 表示顯示商品的數量;show_attributes 表示要顯示的元素;show_buttons 則表示要顯示的按鈕有哪些。至於有哪些選項可以選,可以在magento-root/vendor/magento/module-catalog/etc/widget.xml 裡找到。

 

利用上述方法即可在商品頁中透過修改layout xml檔案檢視最近瀏覽過的商品囉!想知道更多Magento相關教學系列與電商營運相關資訊,別忘了訂閱歐斯瑞電子報,以及追蹤我們的粉絲專頁喔!

更多Magento相關文章請見:Magento教學導覽

以上內容由Astralweb 歐斯瑞編寫製作

 000

推薦文章

Categories:
  Magento-2MagentoMagento開發

留下回應

你的電子郵件地址不會被公開.

取得獨家電子商務祕技

建立更好的策略靈感

跟上全球的網路趨勢

絕佳的電商解決方案

電子商務戰略全指南

每月發送電商戰略指南,只要填寫E-mail即可訂閱!

請到您的信箱確認,即可完成訂閱。