magentocms调用js

1、magento Developer debug 怎么用

因为Magento的设计思想就是一切功能皆模块，如果是多人协作开发，最好的模式就是按照功能模块划分任务，各自负责一块模块，这样既能提高效率，同时也可以避免相互覆盖引起不必要的冲突。 现在就针对Magento的Theme开发做一个简单说明： 原则：建议不修改任何Magento默认模板文件以及layout目录下的XML文件，若有修改需要，直接拷贝一份到自身模板目录下进行修改重构。 根据客户提供的design设计稿，总结归纳出页面的布局特点，同时抽出页面的公共部分,例如：header，footer，topmenu，navigation，等等，这部分内容的HTML 放置于/app/design/frontend/default/<%theme%>/template/page/以其html目录下，公共部分涉及到的css都放进/skin/frontend/default/<%theme%>/css/styles.css里面，这部分内容一旦定型之后，其他人都不能随意修改 但是一个网站除了公共部分，还有很多特定的页面，他们都有着不同的布局和样式，如何创建这些特定的页面及其模块呢，下面就针对Magento的gallery模块的创建做一简单说明： 首先创建模块的配置文件，位于目录/etc/moles/下： 例如：Silk_Gallery.xml （内容略） 然后创建模块的主体文件，位于/app/code/local/ 例如：/app/code/local/Silk/gallery/ block/ etc/ controllers helper/ sql/ 因为时间关系，这里就不针对每个目录做一一说明，各位同学可以查询一下各个目录结构的作用。 最后一部分为前台显示部分，这主要涉及两部分： #1 /app/design/frontend/default/<%theme%>/ 和 #2 /skin/frontend/default/<%theme%> 其中#1主要是放置该模块的layout的配置文件和phtml页面内容，针对gallery这个模块来讲，我们的目录结构应该像这样： /app/design/frontend/default/<%theme%>/layout/gallery.xml /app/design/frontend/default/<%theme%>/template/gallery/ leftMenu.pthml rightContent.pthml

…… #2目录主要放置模块所需要的css以及页面的images 例如gallery模块所需要的css文件：/skin/frontend/default/<%theme%>/css/gallery.css 如何在gallery模块中调用该css文件呢，在gallery.xml文件中设置如下： <reference name="head"> <action method="addCss"><stylesheet>gallery.css</stylesheet></action> </reference> 另外，如果模块需要相应的js文件，我们可以把这些JS文件放置于目录：/js/<%custom_directory%>, 在gallery.xml文件中调用如下： <reference name="head"> <action method="addJs"><script>custom_direcotry/gallery.js</script></action> </reference> 其实，要快速高效的开发一个Magento站点，离不开UI人员和developer的紧密融洽的合作，而Magento的模块化设计，给UI人员的切图水平提出更高的要求，归纳为两点： 1.，以程序化的思维来切图 2，页面布局的模块化 在这里我不是特别推荐采用960grid框架来创建Magento的html页面，但是一定要按照模块化的方式来切图，简单说明就是，如果copy一个页面的left column的navigation 到其他页面的任何位置，只要我们添加了对应的css内容，那么该navigation部分就应该正确显示，而不是因为脱离了原页面的布局结构而坏掉！

2、magento 页怎么调用css?

一、引用css的几种方法
Magento的CSS文件一般存放到 $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/css目录下。也有些和全局js脚本配合使用的css文件存放在$MAGENTO_INSTALLED_FOLDER/js下，但是一 般我们不直接调用它们。
那么Magento应用又是如何引用CSS文件的呢？
1、 最一般的方法是配置全局block. 在page.xml中有
12345678<default> <block type="page/html" name="root" output="toHtml" template="page/3columns.phtml"> <block type="page/html_head" name="head" as="head"> <action method="addCss"><stylesheet>css/menu.css</stylesheet></action> <action method="addItem"><type>skin_css</type><name>css/iestyles.css</name><params/><if>IE</if></action> </block> </block> </default>
可以根据浏览器版本有条件地包含.css文件。和包含全局js文件不同，这里别忘记相对路径css/
2、.包含特定Theme包下phtml文件中的css文件：
和页面中包含js文件一样，示例如下：

1<link type="text/css" rel="stylesheet" href="<?php echo $this->getSkinUrl('css/reset.css') ?>" media="all"/>注意: getSkinUrl(..)是基于路径　$MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/的，所以别忘记了路径css/。
二、引用js的几种方法
Magento的JS文件存放有两个地方：
1). 系统级别的js目录位置 : $MAGENTO_INSTALLED_FOLDER/js，该目录下也存放相应js功能的css文件。
2). 特定于某套页面风格的目录下: $MAGENTO_INSTALLED_FOLDER/skin/{frontend | admin | install}/<package name>/<theme name>/js
那么Magento应用又是如何引用这些js文件的呢？
1. 引用系统级别的js文件
1、 最一般的方法是配置全局block. 在page.xml中有
01020304050607080910<default> <block type="page/html" name="root" output="toHtml" template="page/3columns.phtml"> <block type="page/html_head" name="head" as="head"> <action method="addJs"><script>prototype/prototype.js</script></action> .... <action method="addItem"><type>js</type><name>lib/ds-sleight.js</name><params/><if>lt IE 7</if></action> </block> </block> </default>
任何使用该template的页将自动包含$MAGENTO_INSTALLED_FOLDER/js/prototype目录下的prototype.js文件，根据浏览器版本有条件地载入js文件
2、在页面文件里包含系统级js文件

1<script type="text/javascript" src="<?php echo $this->getJsUrl('varien/accordion.js') ?>"></script>
一个Helper类做同样事情，该方法主要用来在某些页面包含额外的js文件。而这些文件在其他页面中却不常使用。下面是例子
1<?php echo $this->helper('core/js')->includeScript('varien/accordion.js') ?>
3、在Block类中使用下面的代码
将在page.xml中的名称为"head"的Block中说明的包含js的基础上，继续包含$MAGENTO_INSTALLED_FOLDER/js/mage/adminhtml/sales.js文件。
12345protected function _prepareLayout(){ $this->getLayout()->getBlock('head')->addJs('mage/adminhtml/sales.js'); ..... return parent::_prepareLayout();}

3、magento中newsletter怎么调用

一、全局调用方法：通过该方法每个页面都会引用这个JS文件，除非是类似回jQuery这样的系统文件，不答然不推荐这种方法。文件路径：/app/design/frontend/default/Your_Template/layout/page.xml你会看到很多类似于addJS这样的XML代码

4、magento用什么开发的

MG是主要是用PHP开发的,框架是ZEND框架,当然前端也用到XML,AJAX,JS,CSS等等
如果想学MG开发的话,像LS说的,的确不容易,但坚持下来就好,加油!

5、如何在magento2中调用站外的JS

一、全局调来用方法：
通过该方法源每个页面都会引用这个JS文件，除非是类似jQuery这样的系统文件，不然不推荐这种方法。
文件路径：/app/design/frontend/default/Your_Template/layout/page.xml
你会看到很多类似于addJS这样的XML代码，这是magento的优势之一，通过XML来配置文件很方便灵活。
如下：<action method="addJs"<scriptvarien/js.js</script</action
<action method="addJs"<scriptvarien/form.js</script</action
<action method="addJs"<scriptvarien/menu.js</script</action
<action method="addJs"<scriptmage/translate.js</script</action
<action method="addJs"<scriptmage/cookies.js</script</action

6、magento 自定义页怎么调用css文件?

cms > Manage pages > 你的抄页面 > Design

加入下面代码，根据你自己的情况改文件名

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

addCss这个action 会自动去找你的主题下面的css/skin.css

7、如何在magento2中调用站外的JS

去sky8g网站，里面有详细介绍如何调用外部js

8、magento前台页面的链接如何设置跳转？

有3种方式：

1、在网站后台指定跳转链接，位置为：后台->catalog->URL Rewrite Management->Add URL Rewrite。如图：

2、在服务器级别设置链接跳转

3、在程序中判断，如果是指定链接，再指定使用js或者是php进行跳转

9、magento怎么调用cms

1.写到phtml文件里的的PHP代码如下：
<?php echo $this->getLayout()->createBlock('cms/block')->setBlockId('your_block_Identifier')->toHtml() ?>

其中setBlockId(‘your_block_Identifier’)的参数your_block_Identifier，为你在后台创建static block时填的Identifier值，如下图

2.在magento后台的CMS中如果要在一个block或page中调用另一个static bloc

10、有谁能告诉我magento放大镜怎么弄啊，我弄了好多js都有冲突用不了

找到放大镜的js，并在jquery代码下添加这行
jQuery.noConflict();

此外，magento有很多放大镜的插件，一般都是集成好的。
有问题继续追问吧