1

New to designing on the Volusion platform and stuck after investigating the help topics on the support forms. I need to override a CSS style on all pages but my default.asp homepage. I am attempting to do this with javascript but it doesn't seem to be working.

Here is the demo for the site: http://v1330583.ovjk2w9aumkd.demo19.volusion.com/default.asp

I am attempting to modify my #content rule by beginning with this 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>

Can anyone tell me

  1. Where I should inset this code.
  2. If there is a better way to do this.

Would really appreciate any help!

4

2 に答える 2

1

Javascript を使用せずに Volusion でこれを行うより簡単な方法があります。ダッシュボードにログインした場合は、[デザイン] -> [ファイル エディター] に移動し、テンプレート HTML ファイルをクリックします ([テンプレート ファイル] という見出しの下にあり、サイトのメイン テンプレート ファイルに移動します。

タグの間<body>に「if_not_homepage」という ID を持つ 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 ダッシュボードのファイル エディター内からスタイルシートを編集することもできます (他のスタイルシートと同様)。

または、ユーザーが default.asp (「if_not_homepage」の反対) を使用している場合にのみ読み取られる「if_homepage」の ID を持つ div があります。

まったく別の注意として、上記のコードでは、CSS の「コンテンツ」にクラス (.) または ID (#) セレクターがありません。

于 2013-09-03T00:50:48.820 に答える