2016-04-26 42 views
2

我需要在一個CMS頁面的頭部插入此代碼:插入代碼的頭 - 但僅限於CMS頁面(Magento的+的fancybox)

<!-- FancyBox Script --> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> 

首先,我標題中插入代碼(所以它在網站上的所有頁面上),但是添加到購物車功能不起作用。所以我需要代碼纔會出現在我需要Fancybox的特定CMS頁面上。我怎樣才能做到這一點?

回答

1

你需要在代碼中做到這一點?我建議通過ADMIN系統來做到這一點。只需切換到代碼視圖並粘貼即可。

或者,使用此內容創建一個模塊和.phtml模板文件,然後使用Layout XML更新將其添加到ADMIN頁面。

如果編輯CMS頁面要包括的fancybox上,單擊design選項卡上,然後包括在Layout XML Update部分如下:

<reference name="head"> 
    <block type="core/text" name="fancyboxcode"> 
     <action method="setText"> 
      <text> 
       <![CDATA[ 
       <link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" /> 
       <script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script> 
       ]]> 
      </text> 
     </action> 
    </block> 
</reference> 
+0

我試過只裝在CMS頁面 - >內容下添加代碼。但它不能正常工作,這就是爲什麼我認爲它需要在標題中,因爲它可能首先加載?我不知道如何創建一個模塊,你可以更詳細地解釋我如何做到這一點? – aaimport

+0

您是否正在使用已包含JQuery的主題? –

+0

是的,它在默認情況下將它加載到標題中 - http://imgur.com/8dzocoY – aaimport

0

在head.phtml文件包括腳本withing這種情況下

<?php 
if(Mage::app()->getFrontController()->getRequest()->getRouteName() == 'cms') 
{ ?> 


// only if it is a CMS page 

// Include your script here 

<?php } ?> 

希望這本書能解決你的問題

+0

謝謝,我只是試過了,但頁面不會加載(空白頁)。 – aaimport

+0

它從來沒有好的硬編碼Magento的東西。有這樣做的正確方法,而不必硬編碼。 –

+0

檢查php標籤的匹配,你可能錯過了關閉標籤。 –

0

在cms.xml =>添加以下代碼在主題佈局文件夾中。

<block type="page/html_head" name="head" as="head"> 
    <action method="addItem"><type>skin_css</type><name>css/caa-file-name.css</name><params/><if><![CDATA[<!--[if (gte IE 9) | (IEMobile)]><!-->]]></if></action> 
</block> 
0

假設你希望這個頭的主頁纔可以使用主頁的處理程序local.xml中像

<cms_index_index> 
    <reference name="head"> 
     <block type="core/text" name="cdn.jquery"> 
      <action method="setText"> 
       <text> 
        <![CDATA[ 
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
        <script type="text/javascript">jQuery.noConflict();</script> 
        ]]> 
       </text> 
      </action> 
     </block> 
    </reference> 
</cms_index_index> 

現在,這將是在網頁上

+0

我不希望它在主頁上 - 我只希望它在特定的cms頁面:) – aaimport

相關問題