Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Javascript的Volusion中特定于页面的CSS_Javascript_Css_Overriding_Volusion - Fatal编程技术网

使用Javascript的Volusion中特定于页面的CSS

使用Javascript的Volusion中特定于页面的CSS,javascript,css,overriding,volusion,Javascript,Css,Overriding,Volusion,刚开始在Volusion平台上进行设计,在调查了支持表单上的帮助主题后,就陷入了困境。我需要覆盖所有页面上的CSS样式,但我的default.asp主页除外。我试图用javascript实现这一点,但它似乎不起作用 以下是该站点的演示: 我试图通过以下Javascript开始修改我的脚本: <script type="text/javascript"> //<![CDATA[ if (location.pathname == "/ProductDetails.asp")

刚开始在Volusion平台上进行设计,在调查了支持表单上的帮助主题后,就陷入了困境。我需要覆盖所有页面上的CSS样式,但我的default.asp主页除外。我试图用javascript实现这一点,但它似乎不起作用

以下是该站点的演示:

我试图通过以下Javascript开始修改我的脚本:

<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>

// 
有人能告诉我吗

  • 我应该在哪里插入此代码
  • 如果有更好的方法

  • 非常感谢您的帮助

    与其使用样式标记,不如直接使用jQuery设置样式(如果加载了DOM),或者将链接标记写入单独的样式表。

    与其使用样式标记,不如直接使用jQuery设置样式(如果加载了DOM)或者将链接标记写入单独的样式表。

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

    标记之间,您只需添加一个id为“if\u not\u homepage”的div,如果不是在default.asp页面上,站点将只读取该div的内容。例如:

    <div id="if_not_homepage">
        <style type="text/css">
            #content{
                padding:20px;
                background-color:#fff;
            }
        </style>
    </div>
    
    <div id="if_not_homepage">
        <link rel="stylesheet" href="/v/vspfiles/templates/YOUR_TEMPLATE/css/inner_style.css" />
    </div>   
    
    
    #内容{
    填充:20px;
    背景色:#fff;
    }
    
    或者,您可以在此div中完全调用单独的样式表(例如):

    
    
    如果将样式表放在目录“/v/vspfiles/templates/YOUR_TEMPLATE/css/”中,您也可以从Volusion仪表板的文件编辑器中编辑样式表(与其他样式表一样)

    或者,有一个id为“if_homepage”的div,如果用户在default.asp上,该div是只读的(与“if_not_homepage”相反)


    另一方面,在上面的代码中,CSS中的“内容”缺少类(.)或id(#)选择器,因此这可能也与此有关。

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

    标记之间,您只需添加一个id为“if\u not\u homepage”的div,如果不是在default.asp页面上,站点将只读取该div的内容。例如:

    <div id="if_not_homepage">
        <style type="text/css">
            #content{
                padding:20px;
                background-color:#fff;
            }
        </style>
    </div>
    
    <div id="if_not_homepage">
        <link rel="stylesheet" href="/v/vspfiles/templates/YOUR_TEMPLATE/css/inner_style.css" />
    </div>   
    
    
    #内容{
    填充:20px;
    背景色:#fff;
    }
    
    或者,您可以在此div中完全调用单独的样式表(例如):

    
    
    如果将样式表放在目录“/v/vspfiles/templates/YOUR_TEMPLATE/css/”中,您也可以从Volusion仪表板的文件编辑器中编辑样式表(与其他样式表一样)

    或者,有一个id为“if_homepage”的div,如果用户在default.asp上,该div是只读的(与“if_not_homepage”相反)

    另一方面,在上面的代码中,CSS中的“内容”缺少类(.)或id(#)选择器,因此这可能也与此有关