如何在佈局上的自定義頁面鏈接上添加圖像圖標？

我在header.links上創建'頁面'鏈接可以顯示在主頁標題上。但我可以在我的'服務中心'鏈接旁添加圖像圖標。如何做到這一點？如何在佈局上的自定義頁面鏈接上添加圖像圖標？

<block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" > 
      <arguments> 
       <argument name="label" xsi:type="string">Service center</argument> 
       <argument name="path" xsi:type="string">service-center</argument> 
      </arguments> 

     </block>

來源

2016-06-13 Kllee

有2種方式來做到這一點

1）您可以在鏈接使用添加CSS類：後

<block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" > 
    <arguments> 
     <argument name="label" xsi:type="string">Service center</argument> 
     <argument name="path" xsi:type="string">service-center</argument> 
     <argument name="css_class" xsi:type="string">service-center</argument> 
    </arguments> 
</block>

你需要編寫CSS的ICON/Image

2）您需要爲此定義模板.phtml文件。

<block class="Magento\Framework\View\Element\Html\Link\Current" name="service-center" template="YourCompany_YourModule::account/customer.phtml" />

，一定要更改定義的命名空間：YourCompany_YourModule

來源

2016-06-14 10:43:26

感謝您迴應對於1）在我的CSS文件有關定義CSS服務中心級？對於2）我嘗試調用模板，它不顯示在頁面上。我的phtml如下：

alt =「服務中心」> \t getTitle()):?> title="escapeHtml(__($title))?>"> escapeHtml(__($block->getLabel()))?>

– Kllee

1）將HTML添加類與鏈接 –

如何在佈局上的自定義頁面鏈接上添加圖像圖標？

回答

相關問題