Magento 2 - मैं <head> में कस्टम टेम्पलेट फ़ाइल कैसे जोड़ सकता हूँ?

9

Magento 1.x में, मैं नीचे कोड की तरह हेल्पर का उपयोग करके सीएसएस फाइलों को सिर में जोड़ सकता हूं।

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

लेकिन Magento 2 पर ऐसा नहीं कर सकते।

तो अब, मैंने इस कोड <link rel="stylesheet" type="text/css" media="all" href="<?php echo $_helper->getCSSFile()?>">को "after.body.start" कंटेनर में जोड़ा ।

किसी को पता है कि मैं कस्टम टेम्पलेट फ़ाइल कैसे जोड़ सकता हूँ <head>?

magento2 layout css

— माइक
स्रोत

17

यदि आप सिर में सीएसएस फ़ाइल जोड़ना चाहते हैं तो आप इस कोड का उपयोग कर सकते हैं:

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

लेकिन अगर आपको सिर में कस्टम ब्लॉक जोड़ने की आवश्यकता है, तो आप इस कोड का उपयोग कर सकते हैं:

<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>

उम्मीद है की यह मदद करेगा

— इहोर क्लेमचुक
स्रोत

क्या आप सुझाव दे सकते हैं कि व्यवस्थापक में समान कैसे करें, मैंने सभी संदर्भ ब्लॉक नामों की कोशिश की है, लेकिन कोई भाग्य नहीं है, हालांकि सामग्री

— सुनील वर्मा

जब मैं Magento \ फ्रेमवर्क \ View \ Element \ टेम्पलेट के बजाय अपने कस्टम ब्लॉक का उपयोग कर रहा हूं तो यह प्रदर्शन त्रुटि है "ऑब्जेक्ट डोमडेंडमेंट बनाया जाना चाहिए" इस त्रुटि को कैसे निकालें और मेरे कस्टम ब्लॉक का उपयोग कैसे करें?

— संजय गोहिल

2

इस उत्तर के लिए पूरे वेब पर खोज की, अंत में इसे बहुत सारे प्रयोग के माध्यम से प्राप्त किया।

मेरा मानना है कि यह सबसे आसान तरीका है:
व्यवस्थापक पैनल में स्थित पृष्ठ पर जाएं।
अपना पृष्ठ ढूंढें और सामग्री अनुभाग को लेआउट अपडेट xml अनुभाग में नीचे स्क्रॉल करें।
उस बॉक्स में आप पृष्ठ विशिष्ट CSS और JS जोड़ सकते हैं।

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

यह आपकी स्क्रिप्ट को शीर्ष अनुभाग के शीर्ष पर जोड़ देगा।
(अपने जेएस के लिए चीजों को मुश्किल बनाते हुए)

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

ऊपर आप देखेंगे कि मैंने requirejsफ़ाइल पहले जोड़ी थी । ऐसा इसलिए किया जाता है क्योंकि आपकी वैयक्तिकृत जेएस फाइल से पहले इसे जोड़े बिना, आप अन्य पुस्तकालयों को आवश्यकता के अनुसार लोड नहीं कर पाएंगे।

— डैनियल बार्नबोइम
स्रोत