1

在 Volusion 平台上进行设计的新手，在调查了支持表单上的帮助主题后卡住了。我需要在除我的 default.asp 主页之外的所有页面上覆盖 CSS 样式。我正在尝试使用 javascript 来执行此操作，但它似乎不起作用。

这是该站点的演示：http: //v1330583.ovjk2w9aumkd.demo19.volusion.com/default.asp

我正在尝试从以下 Javascript 开始修改我的#content 规则：

<script type="text/javascript"> 
//<![CDATA[

  if (location.pathname == "/ProductDetails.asp") || 
  location.pathname.indexOf("-p/") != -1 || 
  location.pathname.indexOf("_p/") != -1)
  var onHomepage = true;

if(!onHomepage)
document.writeln("\n<style type='text/css'>content {
padding: 20px background-color: #fff}</style>\n\n"); 
//]]> </script>

谁能告诉我

  1. 我应该在哪里插入这段代码。
  2. 如果有更好的方法来做到这一点。

非常感谢任何帮助！

4

2 回答 2

1

在没有 Javascript 的 Volusion 中有一种更简单的方法可以做到这一点。如果您登录仪表板，请转到“设计->文件编辑器”，然后单击模板 HTML 文件（它将位于“模板文件”标题下，您将位于您网站的主模板文件中。

在<body>标签之间，您只需添加一个 id 为“if_not_homepage”的 div，如果不在 default.asp 页面上，站点将只读取此 div 的内容。例如：

<div id="if_not_homepage">
    <style type="text/css">
        #content{
            padding:20px;
            background-color:#fff;
        }
    </style>
</div>

或者你可以在这个 div 中完全调用一个单独的样式表（例如）：

<div id="if_not_homepage">
    <link rel="stylesheet" href="/v/vspfiles/templates/YOUR_TEMPLATE/css/inner_style.css" />
</div>

如果您将样式表放在目录“/v/vspfiles/templates/YOUR_TEMPLATE/css/”中，您也可以在 Volusion 仪表板的文件编辑器中编辑样式表（就像您的其他样式表一样）。

或者，有一个 id 为“if_homepage”的 div，仅当用户位于 default.asp（与“if_not_homepage”相反）时才可读取。

在一个完全独立的注释中，在上面的代码中，您在 CSS 中的“内容”上缺少类 (.) 或 id (#) 选择器，因此这也可能与它有关。

于 2013-09-03T00:50:48.820 回答
0

而不是样式标签，我认为您最好直接使用 jQuery 设置样式（如果加载了 DOM）或将链接标签写到单独的样式表中。

于 2013-04-01T16:26:17.753 回答