Magento 1.9: เพิ่มไฟล์ css ที่กำหนดเองเพื่อมุ่งหน้า


10

ฉันต้องเพิ่มไฟล์ CSS ที่กำหนดเองลงใน Magento ที่ใช้กับไซต์แล้ว ฉันรู้ว่าคุณต้องเพิ่มสิ่งนี้ลงในไฟล์local.xmlอย่างไรก็ตามสไตล์ชีทที่ฉันเพิ่มไม่ได้โหลด

ใครก็ตามที่สามารถช่วยได้

นี่คือสิ่งที่ฉันเพิ่มลงในไฟล์local.xmlของฉัน:

<?xml version="1.0">
<layout>
    <default>
        <reference name="head">
            <action method="addCss”><type>skin_css</type><file>css/javcustom.css</file></action>
        </reference>
    </default>
</layout>

ฉันรู้ว่ามีหัวข้อมากมายที่นี่ แต่ฉันได้ลองทั้งหมดและฉันก็ไม่สามารถทำงาน ...

คำตอบ:


23

มีสองวิธีที่จะเพิ่ม CSS ที่หัวมีone is using function addCss และอีกอย่างก็คือaddItem คุณมีรูปแบบผสมกันสองรูปแบบ รูปแบบของคุณผิด

ลองนี้

<action method="addCss">
    <stylesheet>css/javcustom.css</stylesheet>
</action>

แทน

<action method="addCss">
    <type>skin_css</type>
    <file>css/javcustom.css</file>
</action>

หรือลองสิ่งนี้

<action method="addItem">
    <type>skin_css</type>
    <name>css/javcustom.css</name>
</action>

good amit bera
easymoden00b

ฉันลองพวกเขา แต่พวกเขาดูเหมือนจะไม่โหลด เมื่อดูที่หน้าเว็บของฉันพวกเขาจะไม่ปรากฏ ...
dsolivier

NVM ก็ทำงานมีการพิมพ์ผิดในสิ่งที่ผมเคยพิมพ์;)
dsolivier

1
ยืนยันทำงานให้ฉันด้วย!
camdixon

3

ในการเพิ่มไฟล์ CSS ให้ทำตามขั้นตอนด้านล่าง:

Open File
app\design\frontend\rwd\default\layout\page.xml
Add the below tag for css:
<action method="addCss"><stylesheet>css/[filename].css</stylesheet></action>

Just below the last method=”addCss add the above line.
Now open,
skin\frontend\rwd\default\css\[filename].css

Start writing your css code in this file.

ในการเพิ่มไฟล์ JS ให้ทำตามขั้นตอนด้านล่าง

Open File
app\design\frontend\rwd\default\layout\page.xml
Add the below tag
<action method="addItem"><type>skin_js</type><name>js/[filename].js</name></action>

Just below the js include tags similar to the above line.
Now open,
skin\frontend\rwd\default\js\[filename].js

Start writing your js code in this file.

สำหรับ Magento 2 โปรดอ้างอิงจากลิงค์นี้

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.