Sifr with Zen Cart

Ok, I have searched the entire internet and can't seem to find an answer.
There was a thread about this, but that didn't help me.

The template used automaticly is "classic". At least, after I installed it.
That's no problem, I like this layout. I have managed to delete and edit a lot with the css stylesheet.
But the only thing that bugs me, is when I look in the "default_template" folder, there are ALOT of files that aren't in the "classic" folder.
I didn't make a new template, because I was unsure on how to install it. I just editted the files in the "classic" folder.

But now I want to add sIFR. In order to do this, I need to add 2 stylesheets and 2 js files.
Where can I find the <head></head> part so I can just add this?
I have allready tried creating a jscript folder and uploaded the files there, but that didn't seem to make any change.
I also upload the css files into the "css" directory, but this didn't work either.

I have been trying to find this particular part for over 6 hours now and still haven't found it.

I found a header file in the "common" folder, adjusted it, but that didn't work. Probably because it is located in the "default_template" folder.
So, I copied this folder into the "classic" folder, but that also didn't change a thing.

I just need to include 2 stylesheet and two javascript files in the head section, where it now says:

Am I trying to find something I simply can't adjust and is the layout only adjustable by css?
Or is it possible?

Can someone help me with this?

Thanks in advance!

I know what sIFR is, but have no experience of working with it in Zencart.

However, you seem to need information on how ZC is structured, especially regarding templates...

A standard install of ZC uses the CLASSIC template, thus initiating the basis of the TEMPLATE OVER-RIDE SYSTEM.

Basically, the over-ride system is a mechanism that allows a user to:-

1. install two or more customised templates to create unique designs and functions.
2. perform core software upgrades that do not carry the risk of over-writing core files that may have been edited/modified to make a particular template work.

The system is very clever, in that it builds browser pages by firstly looking for php (or other) files in the CUSTOM template - as I said, in a standard install, this is "classic" - and if it does not find the file in this template, it looks for the file(s) in the DEFAULT folder(s).

The purpose is to ensure that EDITED/MODIFIED files are located in the CUSTOM TEMPLATE folders, while ORIGINAL/UNTOUCHED files remain in the DEFAULT folder.

This is why you are not seeing a "duplication" of file names in "classic" folders - they do not need to be there UNTIL they are edited or modified.

You should never modify a file and re-save it to its default folder. Modified files should be saved to their relevant over-ride (custom) folder.

Javascript is applied by the programming in a similar way. It's not a good idea to "embed" or "hard-code" this into headers, but to place the scripts in the appropriate folder.

The methods and "rules" used are described in the FAQ and TUTORIAL sections of this site.

Thanks for the (quick) response.

I found out how to add the stylesheets and the javascripts into the template.

It still does not work and I have found out why.

The system uses a standard way of including the stylesheets, IF you call your stylesheet "stylesheet_new.css", namely:

BUT I wanted to add media="print", because otherwise sIFR doesn't work.

So I renamed the sIFR-print.css from stylesheet_sIFR-print.css to print_sIFR-print.css and now it works!

Anyway, if you want to add sIFR to Zen Cart, you also need to make sure that the javascript files are loaded in the right way. Thus, renaming your files with numbers so that they will load in the correct order (example renaming them jscript_1sifr.js and jscript_2sifr-config.js will do the job)

If anyone has questions regarding adding sIFR to Zen Cart, you can allways contact me by: [email protected]

My shop is located here and works with sIFR now: http://ex0tic.net/shop

Excellent work Robine!

By using clear and logical arguments to make changes, you've succeeded. Well done - a good lesson for others.

Thanks, I'm glad I figured it out and maybe other people will find this helpfull.

The software is great, though.

Robine,
Schoolboy directed me to this thread and it's been very helpful. I was using a different tool to create my text images but have since switched over to sIFR. Did you have any issues implementing this with Internet Exlporer? I have the strangest thing happening. Everything looks good, the text is being replaced properly but if a user is in a category and they try and click on one of the products to see the product description I get a Windows alert box saying

Internet Exlporer cannot open the Internet site .....[my site's URL]+index.php?main_page=product_info&cPath=1&products_id=1

Operation aborted

It's fine in Firefox, Chrome, Safari just not in Internet Explorer. :frusty:
Did you see anything strange like that?

Your url?

It's still in the early staging right now so for now it's at this site if you want to check it out. Click on "Punk Bellies" then click on either one of the products and the progess bar will start going and then the message comes up. Here's a direct link to the page that causes the error. Going to any other page seems fine.

So far I've only applied sIFR to the category links in the header. I've confirmed that it is the sIFR changes that I made that are causing the issue. If I comment out the javascript line on my tpl_header.php page

sIFR.replaceElement("li.sIfrTitle", "includes/templates/the9curve/templates/rabiohead.swf", " #FF0000", null, null, null, 0, 0, 0, 0, null);

then I can get it to go to that page, but then of course I don't get the fonts like I want since I'm skipping the replace.

Lightbox and flash dont play well together on ie.
Info:
http://www.clientcide.com/code-snippets/manipulating-the-dom/ie-and-operation-aborted/

If you want, try this lighbox module:
http://public.rubikintegration.com/

See if it works better.

yellow1912:

Lightbox and flash dont play well together on ie.
Info:
http://www.clientcide.com/code-snippets/manipulating-the-dom/ie-and-operation-aborted/

If you want, try this lighbox module:
http://public.rubikintegration.com/

See if it works better.

Thanks yellow, that took care of the error I was getting. One more question. The sIFR images are appearing over the lightbox now. How can I make sure that those stay behind the lightbox? Thanks again!

This should be easy to fix, but can you give a link to a sample page so I can see it?

yellow1912:

This should be easy to fix, but can you give a link to a sample page so I can see it?

Yep, same link. Just click on one of the images for that product and the lightbox will open up.

stepterr:

Yep, same link. Just click on one of the images for that product and the lightbox will open up.
Your sifr class:
.sIFR-flash {
margin:0;
visibility:visible !important;
}

Please remove the !important;

Also, just a note, but seem like you are having some extra jscript running

This file was called BEFORE jquery is called, but seems like it needs jquery to run though.

yellow1912:

Your sifr class:
.sIFR-flash {
margin:0;
visibility:visible !important;
}

Please remove the !important;

Also, just a note, but seem like you are having some extra jscript running

<script type="text/javascript" src="includes/templates/the9curve/jscript/jscript_imageBorder.js"></script>

This file was called BEFORE jquery is called, but seems like it needs jquery to run though.

Yellow, thanks for all your help with that! I meant to tell you that it worked but haven't had a chance yet. Thanks again!

Sorry to jump in so late...
I am trying to get sifr working with Zen Cart. I know I am close because it changes the style of the text - I have a top menu which goes from horizontal when text to vertical with sifr, which isn't really what I wanted...

Anyway, I just can't get the font to change. Just wondering if there is any advise anyone could give??

The site is www . wooshi . com . au / index . php (sorry for the spaces - not ready for it to appear on google just yet!!)

Any advise would be GREAT!!

Cheers