Magento 2 - <head> içine nasıl özel şablon dosyası ekleyebilirim?

9

Magento 1.x, aşağıdaki kodu gibi yardımcı kullanarak kafasına css dosyaları ekleyebilirsiniz.

<reference name="head">
    <action method="addCss"><stylesheet helper="module/helperclass/helperfunction"/></action>
</reference>

Ancak bunu Magento 2'de yapamazsınız.

Şimdi bu kodu <link rel="stylesheet" type="text/css" media="all" href="<?php echo $_helper->getCSSFile()?>">"after.body.start" konteynerine ekledim.

Özel şablon dosyasını nasıl ekleyebileceğimi bilen var <head>mı?

magento2 layout css

— mikrofon
kaynak

17

Kafasına css dosyası eklemek istiyorsanız bu kodu kullanabilirsiniz:

<head>
   <css src="path_to/file.css" />
</head>

Ancak, kafaya özel blok eklemeniz gerekiyorsa, bu kodu kullanabilirsiniz:

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="head.additional">
            <block class="Magento\Framework\View\Element\Template" name="block_name" template="path_to_file.phtml" />
        </referenceBlock>
    </body>
</page>

Bu yardımcı olur umarım

— Ihor Klymchuk
kaynak

Aynı şeyi yönetici olarak nasıl önerebilirim, içerik referans bloğunu kullandığımda çıkış doğru bir şekilde ortaya çıksa da, tüm referans bloğu adlarını denedim ama

— Sunil Verma

Magento \ Framework \ View \ Element \ Template yerine özel bloğumu kullandığımda, bu hatayı nasıl kaldıracağımı ve özel bloğumu nasıl kullanacağımı "nesne domdocument oluşturulmalıdır" olarak gösterir.

— Sanjay Gohil

2

Tüm web'de bu cevabı aradı, sonunda çok fazla deneme yaptı.

Bunun en kolay yol olduğuna inanıyorum:
Yönetici panelinde bulunan sayfaya gidin.
Sayfanızı bulun ve içerik bölümünden aşağıya geçip güncelleme xml bölümüne gidin.
Bu kutuya sayfaya özgü CSS ve JS ekleyebilirsiniz.

<head> <css src="js/ingredients.css> </head>

Bu, komut dosyanızı kafa bölümünün üstüne ekler.
(JS'niz için işleri zorlaştırır)

<head><script src="requirejs/require.js"/><script src="js/ingredients.js"/></head>

Yukarıda requirejsdosyayı ilk eklediğimi fark edeceksiniz . Bu, kişiselleştirilmiş JS dosyanızdan önce eklemeden, requirjs içine yüklenen diğer kitaplıklara erişemeyeceğiniz için yapılır.

— Daniel Barenboim
kaynak