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

magento 自定义页怎么调用css文件?,第1张

CMS >Manage pages >你的页面 >Design

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

<reference name="head">

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

</reference>

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

第一步:

打开

E:\xampp\htdocs\magento\skin\frontend\default\bluescale\css\styles.css

在底部添加返回按钮css代码,如下:

/* Back Button */

.product-back {

text-align: right

padding: 8px 24px 10px 0

}

第二步:

打开

app\design\frontend\default\default\template\catalog\product\view.phtml

在适当的地方添加红色部分代码就可以了。(红色代码可以放在你自己想要的位置,不一定是和我这样。)

//]]>

</script>

</div>

<div class="product-back">

<a href="javascript:history.back()" class="form-button-alt" ><?php echo $this->__('Back') ?></a>

</div>

<div class="product-collateral">

第三步:

保存更改的文件,刷新你的浏览器。

注意区分“主题包”和“主题文件”这两个概念。我们所使用的主题在“主题文件”中,“主题包”中可以含有多个主题文件

###### 认识magento主题第一步

首先我们来看下magento主题文件的存放规则

主题文件路径一般为

app/design/frontend/主题包所在文件夹/主题文件所在文件夹/layout+locael+template

skin/frontend/主题包所在文件夹/主题文件所在文件夹/css+images+js

###### 认识magento主题第二步

当我们新安装好一个magento的时候,magento使用default主题包中的default主题文件路径如下

app/design/frontend/default/default

skin/frontend/default/default

红色部分为主题包的名字“default”

蓝色部分为主题文件夹的名字“default”

因为default主题是magento的默认设置,所以在后台的设置中留空就是设置为default

###### 认识magento主题第三步

我们来看后台

system—>configration—->general—>design

若要使用的主题文件路径如下,后台的设置便如下图所示

app/design/frontend/default/blank

skin/frontend/default/blank


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11376864.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存