`

Zen cart 为单独的页面加载不同 stylesheet css 文件

 
阅读更多

如果你希望修改某一页面的外观,推荐的做法是使用一个 stylesheet 文件。相对于对源代码做修改,只跟踪一个 stylesheet 文件要来得简单多了。

当 Zen cart 加载一个页面的时候,它首先会查找和页面名字一致的 stylesheet 文件。

你可以通过查看 url 来获得正在调用页面的名字。url 看起来会是这样的:your_domain/index.php?main_page=index 。main_page 告诉系统将要显示什么页面。这个例子中就是 index (首页)将要被调用。

注意 你的首页名字是 index_home

举例

  1. 比如你想在你的首页隐藏 breadcrumbs(面包屑导航)
  2. 在你的模板 CSS 目录内创建一个名为 index_home.css 的 stylesheet 文件
  3. 为你的首页添加样式。要求隐藏 breadcrumbs 的样式将会是这样的:
    #navBreadCrumb { display: none; }
  4. 上传文件

刷新你的浏览器。如果新的样式没有出现,清空你的浏览器的缓存。如果还是没有正确显示,请检查文件是否上传到正确的 CSS 目录(应该是你正在使用的模板目录下的 CSS 目录)。

可以查看 stylesheet 目录中的 readme 文件来获取更多信息。

分享到:
评论

相关推荐

    HTML外部引用CSS文件不生效原因分析及解决办法

    作为一个前端小白,鼓捣了几天前端。。今天突然发现我深信不疑的东西,竟然出现了问题。。就比如我在css目录下面...link rel=stylesheet type=text/css href=css/style.css>  在浏览器一刷新。。哇,kao。竟然没

    ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler

    ASP.NET 打包多CSS或JS文件以加快页面加载速度的Handler, 使用<link type="text/css" rel="Stylesheet" href="HttpCombiner.ashx?" />,具体的参数请参考程序中的介绍。

    PostCSS插件,用于从CSS中提取所有媒体查询并作为单独的文件发出 -JavaScript-CSS-下载

    @media它允许您从 CSS 中提取所有规则,并将它们作为单独的文件发出,您可以将这些文件link rel=\\stylesheet\\ media=\\screen and (min-width 1024px)\\ href=\\desktop.css\\作为动态导入加载。 前 例子.css .foo...

    JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码

    最近看一个网站,发现显示器不同的分辨率,样式文件调用的也不一样,今天写了一个例子研究一下, 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset=”utf-8″> <title>无标题文档...

    CSS的使用.pdf

    标记(href属性指定CSS文件路径,rel指定文件与页面的关系,或固定为stylesheet;或style标记添加@import指令引入,可以供多个页面使用) C) 行内:在HTML页面内,通过style属性进行设置,仅供当前标签使用。。。。

    gulp-react-native-stylesheet-css:Gulp插件,用于将CSS文件转换为React Native StyleSheets

    Gulp插件,用于将CSS文件转换为React Native StyleSheets。 安装 npm install gulp-react-native-stylesheet-css --save-dev 您可以将其与 基本用法 var gulp = require ( 'gulp' ) , sass = require ( 'gulp-...

    js判断是手机还是pc并调用不同css样式

    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|wOSBrowser|...link href="css/mobile.css" rel="stylesheet" type="text/css" media="screen" />'); }判断手机端访问调用的css

    javascript 动态加载 css 方法总结

    简单的在页面中加载一个外部CSS文件 document.createStyleSheet(cssFile); 2. 用createElement方法创建CSS的Link标签 varhead=document.getElementsByTagName(‘HEAD’).item(0); varstyle=document.createElement...

    css 基础知识总结以及demo

    引用后CSS文件仍然是独立的,不会受到包括HTML和JavaScript任何方法和函数的影响,如果CSS文件中涉及到文件路径的相对位置,那么也是以CSS文件所在的文件路径位置为准,而非引用它的HTML文件的文件路径位置。...

    网页CSS文件编辑器

    用于编辑网页样式表的专业软件,英文版,第一次使用WinRar打开运行其中的TSLite.exe时可能报错,关闭后再次打开即可正常使用。

    loadCSS:异步加载CSS

    加载CSS 一种异步加载CSS的模式[c] 2020 @ scottjehl,@ zachleat 许可MIT为什么要使用异步CSS加载器? 使用link[rel=stylesheet]或@import引用CSS样式link[rel=stylesheet]会导致浏览器在样式表加载时延迟页面渲染...

    StyleSheet

    StyleSheet、StyleSheet

    jQuery动态加载css文件实现方法

    有时我们可能会需要使用 jQuery 来加载一个外部的 css 文件,如在切换页面布局时。思路是创建一个 link 元素,并将它添加到 标记中即可,下边首先看看怎么使用 jQuery 来实现。 下边是我喜欢的写法: $("<link&...

    battery historian2.0 上传报错所需的JS和CSS文件

    使用battery historian的时候submit按钮总是不显示,查看发现有很多JS报错,无法拉下这些JS文件,于是就把它这些文件下到本地 historian-optimized.js放在compiled目录下 jquery那几个放在third-party/js目录下...

    CSS是Cascading Style Sheet 的缩写

    CSS是Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先...

    CSS样式表(免分)

    CSS样式表(免分)

    CSS 的加载及加载顺序简介

    今天我们旧事重提,再来谈谈css的加载,及加载顺序。 通常的css加载顺序 一般情况下,我们css样式表是放在头部,同时为了减少请求,我们通常对css进行一个合并压缩。 目前我们css一般是如下加载的: <head> ...

    CSS-style-sheet.rar_StyleSheet.css_style

    CSS 样式表中文手册,手册提供了完整的 CSS2.0 的属性(Properties)、规则(At-Rules)、伪类(Pseudo-Classes)、伪元素(Pseudo-Elements)、声明(Declarations)、单位(Units)、选择符(Selectors)的介绍。

    如何封装JS和CSS文件为服务器端控件---ASP.NET 2.0

    }它就是用来注册你的CSS文件的,大家都知道在我们的页面代码里面是<link href="StyleSheet.css" rel="stylesheet" type="text/css" />引入外部样式文件。这个方法就是达到这个目的。那么我们现在还没有样式文件。 ...

    CSS3液体形态Loading加载动画特效.zip

    一款很有创意的CSS3液体形态Loading加载动画特效,这是一个正方形,正方形内液体流动动画效果,背景颜色也会不断变化。 <head>  <meta charset="UTF-8">  <title>CSS3液体形态Loading...

Global site tag (gtag.js) - Google Analytics