Announcement

**Mike Hughes** · 02-Dec-2014, 01:28 PM

Sorry, not sure what the page source is so all I can suggest is using a bit of brute force.

i.e. call the css twice, once as standard and once via the secure path.

You can tidy this up by making it conditional to not load the second option on the pages it isn't needed.

I really dislike doing an untidy bodge like this. But sometimes you just need something that works.

Mike

**graphicz** · 02-Dec-2014, 02:19 PM

Cracked it!

Thanks so much Mike - you steered me in the right direction.

Code:

<script type="text/javascript">
var cssUrl = 'skeleton.css';
if($('link[rel*=style][href="'+cssUrl+'"]').length==0)
{
    $("head").append('<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/skeleton.css"/>');
}
var cssUrl = 'base.css';
if($('link[rel*=style][href="'+cssUrl+'"]').length==0)
{
    $("head").append('<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/base.css"/>');
}
var cssUrl = 'layout.css';
if($('link[rel*=style][href="'+cssUrl+'"]').length==0)
{
    $("head").append('<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/layout.css"/>');
}
var cssUrl = 'actinic.css';
if($('link[rel*=style][href="'+cssUrl+'"]').length==0)
{
    $("head").append('<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/actinic.css"/>');
}
</script>

**Mike Hughes** · 02-Dec-2014, 03:16 PM

I'm glad to be of help but that looks much nicer than my solution.

From what I can see you're saying if the called file doesn't return anything then go get it from the alternative location.

So anything but brute force and also doesn't need to know what the calling page is as it works on them all.

Nice.

Mike

**graphicz** · 02-Dec-2014, 03:29 PM

Thaks again Mike

**peblaco** · 02-Dec-2014, 03:36 PM

The issue may be due to the location of base href. Make sure any Javascripts are below the base href in the outer layout.

**Mike Hughes** · 02-Dec-2014, 03:40 PM

Louise might be making a good point here. (as always)

**graphicz** · 02-Dec-2014, 03:48 PM

This is the top of the code - the only javascript above the basehref is in the OGG tags: Would that be enought to do it? All the main javascript is below the basehref.

Code:

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Brochure%22" >
<!--*brochure-->
<meta property="og:title" content="<actinic:variable name="CompanyName" /> <actinic:variable encoding="strip" name="PageTitle" />" />
			<meta property="og:type" content="product" />
			<script type="text/javascript">
			document.write ('<meta property="og:url" content="'+window.location+'" />');
			</script>			

<meta property="og:image" content="<actinic:variable name="CatalogURL" />/<actinic:variable name="OggImage" />" />

			<meta property="og:site_name" content="<actinic:variable name="CompanyName" />" />
			<meta property="fb:admins" content="304596466365495" />
			<meta property="og:description" content="<actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22" ><actinic:variable name="MetaDescription" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%3d%3d%20%22%22" ><actinic:variable name="GlbMetaDescription" /></actinic:block>" />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
<!--*section-->

			<meta property="og:title" content="<actinic:variable name="SectionName" />" />
			<meta property="og:type" content="product" />
			<script type="text/javascript">
			document.write ('<meta property="og:url" content="'+window.location+'" />');
			</script>			

<meta property="og:image" content="<actinic:variable name="CatalogURL" />/<actinic:variable name="SectionImageFileName" />" />

			<meta property="og:site_name" content="<actinic:variable name="CompanyName" />" />
			<meta property="fb:admins" content="304596466365495 />
			<meta property="og:description" content="<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionDescription%22%20%2f%3e%20%21%3d%20%22%22" ><actinic:variable name="SectionDescription" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22%20%20AND%20%3cactinic%3avariable%20name%3d%22SectionDescription%22%20%2f%3e%20%3d%3d%20%22%22" ><actinic:variable name="MetaDescription" /></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%3d%3d%20%22%22%20%20AND%20%3cactinic%3avariable%20name%3d%22SectionDescription%22%20%2f%3e%20%3d%3d%20%22%22" ><actinic:variable name="GlbMetaDescription" /></actinic:block>" />
		
</actinic:block>
<actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Product%20Page%22%29" >
<!--*product page-->

			<meta property="og:title" content="<Actinic:Variable Name="ProductName"/>" />
			<meta property="og:type" content="product" />
			<script type="text/javascript">
			document.write ('<meta property="og:url" content="'+window.location+'" />');
			</script>			
<actinic:block if="%3cactinic%3avariable%20name%3d%22ProductImageFileName%22%20%2f%3e%20%21%3d%20%22%22">
<meta property="og:image" content="<actinic:variable name="CatalogURL" /><actinic:block php="true" >$path_parts = pathinfo('<actinic:variable name="ProductImageFileName" encoding="perl" selectable="false" />');echo $path_parts['basename'], "
";</actinic:block>" />
</actinic:block>
			<meta property="og:site_name" content="<actinic:variable name="CompanyName" />" />
			<meta property="fb:admins" content="304596466365495" />
			<meta property="og:description" content="<actinic:variable name="MetaDescription" />" />
</actinic:block>

	<meta charset="iso-8859-1">
	<title><actinic:variable name="PageTitle" /></title>
	<actinic:variable name="BaseHref" />
	<actinic:variable name="MetaTags" />
	<actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e">
	  <link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />">
</actinic:block>

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" href="base.css">
	<link rel="stylesheet" href="skeleton.css">
	<link rel="stylesheet" href="layout.css">
	<link href="actinic.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="accordiany.css" />
	<link rel="stylesheet" href="font-awesome.min.css" />

	
	<actinic:variable name="JavaScriptFunctions" />

**graphicz** · 02-Dec-2014, 03:57 PM

I thought css went before javascript and OGGs were basically part of the meta tags???

**peblaco** · 02-Dec-2014, 04:08 PM

The bounce page has Google script at the top I don't know if that may affect it?.

Yes OG tags should be with meta tags. The code should be in the order title / meta tags / base href / CSS / Javascripts.

**graphicz** · 02-Dec-2014, 04:30 PM

The Google code is 'out of the box' before the </body> tag and also (split SSL) within the javascript header functions. I have no idea why the googe code is right at the top of the bounce page unless that is where google puts it!
(EDIT: The client had put aditional Google code at the top. I have removed it now.)
Here is the top of the actual code, basehref is well to the top but is wrong! Base href should be https://houseofcheese.secured-area.co.uk/acatalog/

Code:

<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-xxxxxxx-1', 'auto');
  ga('send', 'pageview');

</script>




	<meta charset="iso-8859-1">
	<title>House of Cheese</TITLE>
<META HTTP-EQUIV="refresh" CONTENT="5; URL=http://www.houseofcheese.co.uk/acatalog/Aluminium-Bowl-for-parmesan-chutney-snacks-etc-8cm-diameter-1970.html#SID=17">

	
   
      <base href="https://www.houseofcheese.co.uk/acatalog/">  
   


	  
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <meta http-equiv="MSThemeCompatible" content="yes" />
   
		<meta name="keywords" content="blah blah" />   
   
		<meta name="description" content="blah blah" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	
	<link rel="stylesheet" href="base.css">
	<link rel="stylesheet" href="skeleton.css">
	<link rel="stylesheet" href="layout.css">
	<link href="actinic.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="accordiany.css" />
<link rel="stylesheet" href="font-awesome.min.css" />
	   <script language="javascript" type="text/javascript" src="actiniccore.js?DAYNO=OFLD"></script>
   <script language="javascript" type="text/javascript" src="actinicextras.js?DAYNO=OFLD"></script>
   <script language="javascript" type="text/javascript" src="actinicsearch.js?DAYNO=OFLD"></script>
   
			<script language="javascript" type="text/javascript">
// START Configuration variables - alter with care
var nMaxRecent			= 12;		// maximum number of items to remember
var nTrimListTo		= 4;		// number of items to show
var nScrollBy			= 4;		// number of items to scroll by
var bDisplayReversed	= true;		// true for last viewed displayed on left
var nKeepRecentHours	= 12;		// number of hours to remember recent products
</script>
	      <script language="javascript" type="text/javascript" src="recentproductssupport.js"></script>
etc etc etc

**graphicz** · 03-Dec-2014, 09:29 AM

I have made all the changes as suggested and added the above script to load the css if the files are absent and there is no change, the bounce page is still not recognising the css, the base href is still wrong.

**NormanRouxel** · 03-Dec-2014, 11:00 AM

When I vew source of http://www.houseofcheese.co.uk/ (or https://houseofcheese.secured-area.co.uk/) with Firefox, a spurious </script> tag shows up:

Code:

	<link rel="stylesheet" href="acatalog/font-awesome.min.css" />
	

</script>

**graphicz** · 03-Dec-2014, 03:19 PM

Thanks Norman - that's now fixed.

Had to put BlockIfs round hard coded css links: The javascript above only adds the css if the link t the css is missing, not the file itself

Code:

	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Bounce%20Page%27%20OR%20%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27PSP%20Bounce%20Page%27">
	<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/skeleton.css"/>
<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/base.css"/>
<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/layout.css"/>
<link rel="stylesheet" type="text/css" href="https://houseofcheese.secured-area.co.uk/acatalog/actinic.css"/>
</actinic:block>

Had to do similar link for Company Logo

Whole problem is down to SD generating an incorrect base href which has finally been referred to development.

Announcement

Insufficient value in cart 'bounce page' not picking up css and is broken

Insufficient value in cart 'bounce page' not picking up css and is broken

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment