Background images not showing on https pages

[simon1066]

You'll need two file changes. First, create the https_images.css file that contains only the image-related references, with those references based on your shared-SSL server, for example:

body {background-image: url(https://supersonic.accountservergroup.com/~myaccountname/mywebsite.co.uk/includes/templates/mytemplate/images/bk.png);}

Then, update one of files (or create a new file) in /includes/templates/YOUR_TEMPLATE/auto_loaders to contain:

if ($request_type == 'SSL') {
  $loaders[] = array('conditions'    => array('pages' => array ('*')),
                     'css_files'     => array('https_images.css' => 20002),
                    );
}

Leave your normal stylesheet alone, picking up the images using the ../images notation. That path to the files will be picked up on non-SSL accesses.

This is great, thank you.

Somethings not quite right though. I've created the css file and a new autoloader file with the contents

<?php
if ($request_type == 'SSL') {
  $loaders[] = array('conditions'    => array('pages' => array ('*')),
                     'css_files'     => array('https_images.css' => 20002),
                    );
}

The https_images.css does not appear in the page source on https pages - the login for example. If I remove the SSL condition check so the code looks like

<?php

  $loaders[] = array('conditions'    => array('pages' => array ('*')),
                     'css_files'     => array('https_images.css' => 20002),
                    );

then the https_images.css is applied and is in the page source of the https page.

Seems a bit strange

[lat9]

Yes, the $request_type is set pretty early in a page's generation. I'm not sure how the version of the CSS/JS loader I was using compares to yours, but you could try adding a global statement in case that code is pulled in by a function call:

 
<?php
global $request_type;
if ($request_type == 'SSL') {
  $loaders[] = array('conditions'    => array('pages' => array ('*')),
                     'css_files'     => array('https_images.css' => 20002),
                    );
}

[simon1066]

That'll do nicely, thank you for your help.