ম্যাজেন্টো 2 - আমি কীভাবে কাস্টম টেম্পলেট ফাইলটিকে <হেড>> এ যুক্ত করতে পারি?

9

ম্যাজেন্টো 1.x এ, আমি নীচের কোডের মতো সহায়ক ব্যবহার করে সিএসএস ফাইলগুলি মাথায় যুক্ত করতে পারি।

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

তবে ম্যাজেন্টো 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>

আশাকরি এটা সাহায্য করবে

— ইহোর ক্লাইমচুক
সূত্র

আপনি কীভাবে অ্যাডমিনে এটি করতে পারবেন তা প্রস্তাব করতে পারেন, আমি সমস্ত রেফারেন্স ব্লক নাম চেষ্টা করেছি তবে ভাগ্য নেই, যদিও আমি সামগ্রীতে রেফারেন্সব্লক ব্যবহার করলে আউটপুটটি সঠিকভাবে উঠে আসে

— সুনীল ভার্মা

আমি যখন ম্যাজেন্টো \ ফ্রেমওয়ার্ক \ ভিউ \ এলিমেন্ট \ টেমপ্লেটের পরিবর্তে আমার কাস্টম ব্লকটি ব্যবহার করছি তখন এটি প্রদর্শন ত্রুটি "অবজেক্ট ডোমডোকামেন্টটি তৈরি করা উচিত" কীভাবে এই ত্রুটিটি সরানো হবে এবং আমার কাস্টম ব্লকটি ব্যবহার করব?

— সঞ্জয় গোহিল 21'17

2

এই উত্তরের জন্য পুরো ওয়েব জুড়ে অনুসন্ধান করা হয়েছে, শেষ পর্যন্ত এটি প্রচুর পরীক্ষার মাধ্যমে পেয়েছে।

আমি এটি সবচেয়ে সহজ উপায় বলে বিশ্বাস করি:
অ্যাডমিন প্যানেলে অবস্থিত পৃষ্ঠায় যান।
আপনার পৃষ্ঠাটি সন্ধান করুন এবং লেআউট আপডেট এক্সএমএল বিভাগে সামগ্রী বিভাগটি পেরিয়ে যান।
সেই বাক্সে আপনি পৃষ্ঠা নির্দিষ্ট সিএসএস এবং জেএস যুক্ত করতে পারেন।

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

এটি আপনার স্ক্রিপ্টটি শীর্ষ বিভাগের শীর্ষে যুক্ত করবে।
(আপনার জেএসের জন্য জিনিসকে জটিল করে তোলা)

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

উপরে আপনি লক্ষ্য করবেন যে আমি requirejsপ্রথমে ফাইলটি যুক্ত করেছি । এটি করা হয়েছে কারণ এটি আপনার ব্যক্তিগতকৃত জেএস ফাইলের আগে যোগ না করে আপনি প্রয়োজনীয় জেজে থাকা অন্যান্য লাইব্রেরিগুলিতে অ্যাক্সেস করতে পারবেন না।

— ড্যানিয়েল বেরেনবইম
সূত্র