javascript - 在哪里添加额外的 js 和 css 文件以供 Magento 中的 view.phtml 使用

标签 javascript css magento

我想添加一个额外的 .css 文件 (my.css) 和 .js 文件 (my.js) 以包含在 view.phtml 的头部。我知道我需要修改主题的 local.xml 并在产品 View 部分添加以下内容:

<reference name="head">
   <action method="addItem"><type>skin_js</type><name>js/my.js</name></action>
   <action method="addItem"><type>skin_css</type><name>css/my.css</name><params/>  
       </action>
</reference>

我的 .js 函数根据用户输入选择特定的 .css(不确定 href 路径是否应该是这样的):

 <link rel="stylesheet" href="http://mysite/skin/frontend/[mytheme]/css/my.css"     
 media="print" />

我将 my.js 直接放在我的 Magento 安装根目录的 js 文件夹中,将 my.css 放在 skin/frontend/[my-theme]/css 中。 不幸的是,这不起作用。有人可以指出我正确的方向吗?

最佳答案

您可以在浏览器的检查器工具中看到哪些文件加载​​失败,然后决定哪些是错误的,哪些是正确的。从您的帖子中我可以说的是 skin_js 包含的文件应该位于当前主题的皮肤文件夹下。如果你想从根 js 文件夹中包含脚本,你最好使用

<action method="addJs"><script>some_folder_under_root_js/some_script.js</script></action>

关于javascript - 在哪里添加额外的 js 和 css 文件以供 Magento 中的 view.phtml 使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16151506/

相关文章:

javascript - NodeJS 中 require() 的功能

javascript - 悬停时在图像周围显示 SVG

html - 是否可以将绝对定位的元素彼此对齐?

jquery - getbodyclass IE Issue magento(IE 不参加这个类(class),但在 mozilla 和 chrome 中它工作正常)

javascript - Protractor 打开时关闭警报

javascript - 为什么 String#match() 结果不包含捕获的值?

css - Woocommerce Storefront 为主页上的产品类别添加悬停效果

Magento 分层导航可配置产品缺货

php - magento 中的 fishpig wordpress 集成不起作用 - fatal error

javascript - 如何将 ActiveX 转换为 Jquery/AJAX