CSS File Issue

[sle39lvr]

Ok, I am using default template - Classic

Recently, I made a duplicate of the stylesheet.css and renamed it to stylesheet-old.css and kept it in the same folder.

The weird thing is, When I am using Safari on Mac, the site is loading stylesheet.css and when I am using Chrome or any other browser, it's loading from stylesheet-old.css.

So I deleted stylesheet-old.css. Safari still loads the site correctly, but other browsers are loading the site without and CSS rules at all. This seems very odd to me. I removed history, cashes, etc on all the browsers and no luck. I feel like something is cashed somewhere. The only add on that could be a culprit is SEO friendly URL add on.

Any ideas?
Thanks in advance.

[stevesh]

I can't address the browser differences, but Zencart loads all stylesheets whose file name begins with 'style' and have the .css extension that it finds in the current template's css folder. If you want a stylesheet to not be loaded, change the extension (stylesheet.old) or remove it from the css folder.

BTW, you should create your custom template before you go any further: http://www.zen-cart.com/content.php?...ustom-template

That way, you'll have the Classic template for troubleshooting purposes and you won't overewrite your changes when you upgrade to the next Zencart veresion.

[sle39lvr]

Thanks for the info. But to give you some background, I have been working on Zencart installs for over 6 years. This is my 17th store.

The thing I can't understand is, Some browsers exclusively loads stylesheet-old.css, no matter how much I clear the history/caches/cookies. Some loads the correct stylesheet.css no matter what. If I remove stylesheet-old.css, other browsers that loads exclusively from that file goes in to "no css stylesheet" mode. If I duplicate stylesheet-old.css from a new version, the same error happens. This is very odd to me.

Could it be that I use SEO friendly URL mod and it caches the files?

PS: My goal is to just have one stylesheet.css.

[stevesh]

Could it be that I use SEO friendly URL mod and it caches the files?

Could be. I don't use URL rewriters. Can you turn it off temporarily for testing ?

[DrByte]

Recently, I made a duplicate of the stylesheet.css and renamed it to stylesheet-old.css and kept it in the same folder.

First, don't do that. Same with PHP files.
If you want to RENAME a file and ensure that it's not used unexpectedly, change its extension to something else.
Or, in the case of stylesheets, ADD "old" to the BEGINNING of the filename, not the end. Remember: stylesheets are auto-loaded based on naming of "styleXXXXXX.css". So, if you rename it and keep the "style" prefix and ".css" suffix (ie: stylesheet-old.css keeps both) then it will assume you intended to use it.

Same with PHP files: Keeping the *.php pattern will most likely cause BOTH the old and new files to be loaded, often producing unexpected results.

Simple rule: change the extension if you want the file to be a backup or temporary copy that you've not decided to delete just yet.


As far as potential caching, Zen Cart doesn't do any caching of html assets like that. So something you've added must be doing that. There are many unofficial addons that people have tossed out there that do cache and minify things like css and js, which do cause weird problems like yours. So do some of the url-rewrite tools that cache objects. Turn all those off as a starting point.

[sle39lvr]

Yes, I learned it the hard way about renaming files.
I just turned off SEO URL rewriting, and took off the old (second) CSS file. Site isn't loading and CSS rules currently, except on my Mac's Safari browser.

Please let me know if anyone is willing to take a look? I can pm the site.

This is blowing my mind, because this goes against everything I know and my past experiences.

[DrByte]

Have you tried specifically visiting the URL of the correct stylesheet file? ie: typically http:// your_site.com/includes/templates/your_template_name/css/stylesheet.css

[sle39lvr]

I can access it via URL from every browser.

[DrByte]

Then it seems as though your browsers have outdated cached resources in them.

[DrByte]

Or maybe it's just that your main CSS file has a syntax error right near the top of the file ... no closing parenthesis, and invalid path:

    src: url(../includes/templates/classic/css/fonts/lyon-regular.ttf;