วิธีเพิ่มไฟล์ js หรือ css ในธีม magento

เราสามารถเพิ่มลูกเล่นต่างๆให้กับ magento ได้ด้วย jquery และตกแต่งให้สวยงามด้วย css เพราะเนื่องจากบาง theme ที่เราใช้งานอาจจะยังสวยไม่พอหรือเราต้องการเพิ่มลูกเล่นต่างๆของ jquery ลงไปเราสามารถเพิ่มได้ดังนี้ครับ

ให้นำไฟล์ jquery ไปไว้ที่ /skin/frontend/default/default/js/yourscriptname.js และ css ไปไว้ที่ /skin/frontend/default/default/css/yourcssname.css โดยในที่นี้ผมจะเพิ่มไปยังใน theme default ของ magento นะครับ

จากนั้นแก้ไขไฟล์ /app/design/frontend/default/default/layout/page.xml หาโค็ดประมาณนี้

<block type=”page/html_head” name=”head” as=”head”>
...
...
...
</block>

เพิ่มโค็ดตามนี้ไปครับ โดยเพิ่มไประหว่าง block

<action method="addJs"><script>yourscriptname.js</script></action>
<action method="addCss"><stylesheet>css/yourcssname.css</stylesheet></action>
บทความแนะนำ
    blog comments powered by Disqus