2012-11-16 24 views
6

Muốn bao gồm tệp css chỉ áp dụng cho trang chủ từ tệp xml.
Cố gắng này:Thêm css vào chỉ trang chủ từ xml trong magento

<cms_index_index> 
<action add css> 
    . 
    . 
</action> 
</cms_index_index> 

sử dụng này trong local.xml nói thêm rằng css đặc biệt trong mỗi trang cms.
Bất kỳ ý tưởng nào?
Cảm ơn trước.

+0

cần thêm thông tin. Trang chủ của bạn có phải là nội dung hoặc khối tĩnh không? –

Trả lời

9

Trong trang nhà cms có thiết kế (Layout Cập nhật XML) sử dụng mã sau trong đó

<reference name="head"> 
<action method="addItem"><type>skin_js</type><name>js/myjavascript.js</name></action> 
</reference> 
+0

cảm ơn . Nó đã làm việc –

1

Hãy thử điều này

<cms_index_index> 
    <reference name="your cms identifier for home page"> 
     <action method="addCss"><stylesheet>your path/your css file name</stylesheet></action> 
    </reference> 
</cms_index_index> 

Vui lòng sử dụng mã này trong local.xml hoặc page.xml

Am không chắc chắn 100% về công việc mã hoặc không

+0

không hoạt động đối với tôi. –

+1

là những gì xác định trang chủ ... là để chỉ khối cấu trúc bạn muốn hành động - trong trường hợp này sẽ là BenLeah

1

Kết hợp với @ Leo's answer cũng như another blog post Tôi đã tìm thấy gần đây, đây là đoạn mã để thêm css tùy chỉnh vào chỉ một trang duy nhất.

<reference name="head"> 
    <action method="addCss"> 
     <stylesheet>css/custom.css</stylesheet> 
    </action> 
</reference> 

Hướng dẫn tương tự như @Leo đã đề cập.

0

Các đề xuất ở trên không hiệu quả đối với tôi trong Magento 1.7, chủ đề trống. Có gì làm được điều này:

<reference name="head"> 
    <action method="addCSS"> 
     <type>css/master.css</type> 
     <stylesheet>media="all"</stylesheet> 
    </action> 
    </reference> 

này tạo ra đoạn mã sau

<head><link rel="stylesheet" type="text/css" href="http://myshop.com/shop/skin/frontend/mytheme/blank/css/master.css" media="all"></head> 

Tôi đặt mã này vào local.xml của chủ đề của tôi.

4

này việc giải pháp cho tôi

<cms_index_index translate="label"> 
    <label>CMS Home Page</label> 
      <reference name="head"> 
        <action method="addCss"> 
        <stylesheet> 
           css/custom.css /*This is ur css path*/ 
        </stylesheet> 
        </action> 
      </reference> 
</cms_index_index> 
Các vấn đề liên quan