উত্তর:
footerব্লক মাথা মত সরাসরি JS জন্য কোনো সহায়তা অফার করে না।
তবে নামের সাথে একটি ব্লক রয়েছে before_body_endযেখানে আপনি টেমপ্লেট বা পাঠ্য ব্লক দিয়ে যা চান তা যুক্ত করতে পারেন।
আমি আপনার নিজের টেম্পলেট এবং ব্লক প্রকারের বিষয়ে চিন্তা করব Mage_Page_Block_Html_Head, তারপরে আপনি @ ডেক্সটার প্রস্তাবিত যা ব্যবহার করতে পারেন।
না, আপনার এর মতো কিছু দরকার, খুব উল্লেখ করার জন্য আপনার কোনও পৃষ্ঠা / এইচটিএমএল_হেড ব্লক নেই:
<!-- get the block which we want our content in -->
<reference name="before_body_end">
<!-- add another block of type page/html_head to have all the great functionality to add/remove css and js stuff -->
<!-- it is important to set your own template, because the head block has a defined default template page/head.phtml which has all the stuff of the head. Using this will bring a lot of problems -->
<block type="page/html_head" name="scripts_in_footer" template="YOUR TEMPLATE">
<!-- add whatever you want as you are used to in the head via the standard magento api -->
<action method="addItem"><type>skin_css</type><name>css/styles.css</name></action>
</block>
</reference>
এবং আপনার টেম্পলেটটির ভিতরে আপনার প্রয়োজন:
<?php // and to echo the whole stuff later in the template, you need to add the code, so the added js/Css files are echoed ?>
<?php echo $this->getCssJsHtml() ?>
<?php echo $this->getChildHtml() ?>
শিরোলেখ এবং পাদলেখ অংশ magento এ পৃষ্ঠা মডিউল দ্বারা রেন্ডারিং হয়। শিরোনাম এবং পাদলেখ টেমপ্লেটগুলি দেখতে, এখানে যান
app / design / frontend/ <your_package> /<your_theme> /template / page / html / footer.phtmlপৃষ্ঠা ফোল্ডারে অন্য ফাইলগুলি একবার দেখুন। সেখানে আপনি header.phtmlপ্রতিটি পৃষ্ঠার শিরোনাম বিভাগটি রেন্ডার করতে পারেন । head.phtmlজেএসএস এবং সিএসএস ফাইল যুক্ত করতে ব্যবহার করুন যা ম্যাজেন্টোতে প্রতিটি পৃষ্ঠার জন্য প্রযোজ্য।
পৃষ্ঠা ফোল্ডারে ফাইলগুলিও দেখুন। এই পৃষ্ঠাগুলি নির্দিষ্ট পৃষ্ঠার লেআউট স্পেসিফিকেশন অনুযায়ী প্রতিটি পৃষ্ঠার জন্য রেন্ডার করবে।
এই মডিউল সম্পর্কে একটি গুরুতর অধ্যয়ন করুন। এটা আপনাকে অনেক সাহায্য করবে।
সম্পাদন করা
আপনি পেজ.এক্সএমএল এর মাধ্যমে আপনার সিএসএস এবং জেএস যুক্ত করতে পারেন। আমি মনে করি এটি আপনার সমস্যার সমাধান করবে। যাও
app / design / frontend/ <your_package> /<your_theme> / layout / page.xmlএবং এতে এই কোড স্নিপেট যুক্ত করুন defeault handle। (আপনি এই হ্যান্ডেলটিতে প্রচুর জেএস এবং সিএসএস ফাইল যুক্ত দেখতে পারেন। এই কোডগুলির নীচে কেবল এই কোডটি যুক্ত করুন)
//this will add your js
<action method="addItem">
<type>skin_js</type>
<name>js/yourjsfile.js</name>
</action>
//this will add your css file
<action method="addItem">
<type>skin_css</type>
<name>js/yourcssfile.css</name>
</action>
এটাই. এখন আপনার কাস্টম জেএস এবং সিএসএস ফাইলটি অবস্থানে রয়েছে তা নিশ্চিত করুন
skin/frontend/<your_package> /<your_theme>/js/yourjsfile.js
skin/frontend/<your_package> /<your_theme>/css/yourcssfile.css
আপনার কাজের জন্য শুভকামনা।
<action method="addItem"> <type>skin_js</type> <name>js/yourjsfile.js</name> </action>জেএস যুক্ত করবে <হেড> এবং পাদচরণে নয় !!!
এর জন্য এক্সএমএল ব্যবহার করুন। ফুটারে জেএস যুক্ত করতে ফুটার রেফারেন্স কল করুন। কোডটি এরকম কিছু দেখবে
<reference name="footer">
<action method="addJs"><script>js/file.js</script></action>
</reference>
স্কিন ফোল্ডারে জেএস যুক্ত করতে আপনি নিম্নলিখিত কোডটি ব্যবহার করতে পারেন
<reference name="footer">
<action method="addItem"><type>skin_js</type><name>js/test.js</name></action>
</reference>
সিএসএস যুক্ত করতে আপনি নিম্নলিখিত এক্সএমএল কোডটি ব্যবহার করতে পারেন
<reference name="footer">
<action method="addCss"><stylesheet>css/layout.css</stylesheet></action>
</reference>
অথবা আপনি ব্যবহার করতে পারেন
<reference name="footer">
<action method="addItem"><type>skin_css</type><name>css/styles.css</name></action>
</reference>
জাভাস্ক্রিপ্টের জন্য, আপনি কি কেবল ওভারলোড বা জ্যাকুরির $ (নথি) ব্যবহার করার কথা বিবেচনা করেছেন? প্রস্তুতি ()?
এটি আপনাকে আপনার কোডটিকে আদর্শ সেটআপের মতো শিরোনামে রাখার অনুমতি দেয় তবে আপনার জেএস উল্লেখ করা সামগ্রীটি লোড না হওয়া পর্যন্ত এটি চালাবেন না।
আপনার জেএস ফাইলনাম.জেএস কোডটি দেখতে এমন হবে:
$(document).ready( function(){
your custom js here
});
আপনার লেআউটটির কোডটি দেখতে দেখতে এটির মতো হবে: (আপনার অবশ্যই যথাযথ ডিরেক্টরিগুলি সেট আপ করার সাথে যুক্ত করতে হবে))
<reference name="head">
<action method="addItem"><type>js</type><name>js/jquery/jquery.js</name></action>
<action method="addItem"><type>js</type><name>js/filename.js</name></action>
</reference>
হ্যাঁ একটি উপায় আছে তবে আপনি নীচের কোডের মাধ্যমে যুক্ত করতে হবে ট্যাগের ঠিক আগে 1column.phtml ফাইলের নীচে এই কোডটি যুক্ত করুন <body>।
<script src="<?php echo $this->getSkinUrl('js/jquery.noConflict.js') ?>"></script>আপনার জাভাস্ক্রিপ্ট (এবং সিএসএস) এবং গুগল পেজস্পিড অন্তর্দৃষ্টি র্যাঙ্কিং উন্নত করতে আপনাকে সহায়তা করার জন্য আমি মিডিয়রক্স পেজস্পিড মডিউলটির উচ্চতর পরামর্শ দিচ্ছি।
এটি ম্যাজেন্টো দ্বারা এইচটিএমএল আউটপুটকে বিশ্লেষণ করে এবং এর পরে জাভাস্ক্রিপ্টকে এইচটিএমএল কোডের নীচে সরিয়ে নিতে কোডটিতে একটি কাটা এবং পেস্ট ক্রিয়া সম্পাদন করে কাজ করে। প্রক্রিয়াটি দ্রুত তবে এইচটিএমএল পরিবর্তনগুলি ক্যাশে করতে পুরো পৃষ্ঠার ক্যাশে একত্রে ব্যবহৃত হয়।
এই মডিউলটি কীভাবে কাজ করে এবং পৃষ্ঠাগুলি র্যাঙ্ক উন্নত করতে আপনাকে এখানে সহায়তা করতে পারে সে সম্পর্কে আরও তথ্য:
http://blog.gaiterjones.com/magento-google-pagespeed-jscsshtmlminify-optimisation/