sIFR 3~Only Displaying on One Page

#1 / Jul 05, 2008 8:32pm

bluelena69
12 posts

I was messing with the JQuery sIFR plugin but switched to a plain sIFR 3 setup for several reasons. I am getting image replacement to work on my main homepage but that is it.

I have the following setup on my site:

The homepage is an index.php in a template group called home.
The about section index.php is from an about template group.
The blog section index.php is from a blog template group.
The portfolio section index.php is from a portfolio template group.
Finally, I have a contact section with its index.php from a contact template group.

Seems relatively simple, I guess. Each of the 5 “sections” referenced above (home, about, portfolio, blog and contact) also has its own weblog, as I have a need for a pretty complex custom fields schema.

Finally, I am using the Pages module for the About and Contact “sections.”

With the aforementioned set of circumstances provided, can anyone guess why I am getting the sIFR headings to show up only on the homepage? I can provide more info, if necessary and aplogize if this is confusing.

Thanks
#2 / Jul 05, 2008 9:21pm

Danny T.
426 posts

I’m not sure if you use a ton of embedded templates, but nonetheless, check that they all have an embed tag referencing the template in which you have your sIFR information. Another could be in regards to your HTML code in general. What is your sIFR using as a selector? As in, are you sure that ID or class, etc. that you are targeting is in use on your other templates?

#3 / Jul 05, 2008 11:03pm

bluelena69

12 posts

Dimsum,
I have embedded my all of my javascript into a template called “head_html” that is a part of a template group called includes. The code in that template is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html >
<head>
<title>{site_name} | {embed:page_title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={charset}" />
<link rel='stylesheet' type='text/css' media='all' href='{stylesheet=includes/stylereset}' />
<link rel='stylesheet' type='text/css' media='all' href='{stylesheet=includes/tvcss}' />
<link rel='stylesheet' type='text/css' media='screen' href='{stylesheet=includes/sifr_screen}' />
<link rel='stylesheet' type='text/css' media='print' href='{stylesheet=includes/sifr_print}' />
(script type="text/javascript" src="system/extensions/markitup/jquery.markitup.js")(/script)
(script  type="text/javascript" language="javascript" src='{scripts}/sifr.js')(/script) 
(script  type="text/javascript" language="javascript" src='{scripts}/sifr-config.js')(/script) 
</head>

The selector in the sIFR config targeting the following h2 instances, identical in all templates (even the homepage that is working):

<!-- entry -->
<div class="entry">
<h2 class="title">{title}</h2>

Pretty simple stuff. I guess it would be in order for me to add that I do have my index.php removed via .htaccess. I am not using more than very basic embeds throughout the site, so I don’t think that would be an issue. It would seem to be something with the Pages module and/or the way I have created URL titles for the static entries (i.e. site.com/about, site.com/contact, etc…). But then I remember that it is happening in more dynamic situations such as that on my blog and portfolio “sections”
(or site.com/blog...site.com/portfolio).

#4 / Jul 05, 2008 11:26pm
Danny T.
426 posts
I’m guessing it’s a problem with your script links. On the pages that sIFR doesn’t show up, check your sources and see where it is pointing. What I tend to use is something like this:
```
(script type="text/javascript" language="javascript" src='{site_url}scripts/sifr.js')(/script)
```
I’m guessing it’s the problem with the relative links.
#5 / Jul 07, 2008 1:44am

bluelena69
12 posts

Dimsum-Thanks. That reply set me on the correct path. For whatever reason, I was able to get it working by putting the entire site URL in my sifr config file (the first line) and I am good now. This is the line where I had to reference the full URL: var myriadCondensed = {full URL}...

Thread

bluelena69

Danny T.

bluelena69

Danny T.

bluelena69

Username

Password

Thread