Combining CSS

[NBordeau]

Hello All,

I was wondering how easy it is to combine the stylesheets in my template.

From what I think it wont be too hard, as all I have to do is combine the content of the stylesheets, then search through all my files to see where the secondary stylesheets are be used then change this to syle.css.

Am I about Right?

Thanks,
Nick

[kobra]

earch through all my files to see where the secondary stylesheets are be used then change this to syle.css.

ZenCart defaults to

stylesheet.css

[NBordeau]

ZenCart defaults to

stylesheet.css

Yes but i have sytlesheets such as:

• stylesheet.css
• print_stylesheet.css
• style_imagehover.css
• stylesheet_css_buttons.css

I would like to combine all these into stylesheet.css file to minimize http requests.

[kobra]

then change this to syle.css.

You asked about changing into "atyle.css"

Use stylesheet.css and if you believe that it will hlep combine as you see fit

[DrByte]

Yes but i have sytlesheets such as:

• stylesheet.css
• print_stylesheet.css
• style_imagehover.css
• stylesheet_css_buttons.css

I would like to combine all these into stylesheet.css file to minimize http requests.

1. you'll need stylesheet.css
2. you'll want to leave print_stylesheet.css since it's rendered for print only, and thus not ideal to combine into main stylesheet, since it's loaded to the browser separately intentionally
3. style_imagehover.css is related to the imageHandler addon. If you are actually using that addon AND you're actually using the image-hover functionality of it, then you can either keep the file as-is, or copy its contents into the main stylesheet.css file. Just remember to delete the content later if you remove imageHandler from your site.
4. If you're actually *using* CSS-based buttons on your site, then you can either keep the stylesheet_css_buttons.css file, OR you can copy its contents into your main stylesheet.css file. If you're not actually using CSS-based buttons, then you can delete that file from your active custom template folder since you don't need it.

No need to create a separate "style.css" file at all.

[NBordeau]

1. you'll need stylesheet.css
2. you'll want to leave print_stylesheet.css since it's rendered for print only, and thus not ideal to combine into main stylesheet, since it's loaded to the browser separately intentionally
3. style_imagehover.css is related to the imageHandler addon. If you are actually using that addon AND you're actually using the image-hover functionality of it, then you can either keep the file as-is, or copy its contents into the main stylesheet.css file. Just remember to delete the content later if you remove imageHandler from your site.
4. If you're actually *using* CSS-based buttons on your site, then you can either keep the stylesheet_css_buttons.css file, OR you can copy its contents into your main stylesheet.css file. If you're not actually using CSS-based buttons, then you can delete that file from your active custom template folder since you don't need it.

No need to create a separate "style.css" file at all.

Yes but wont i have to edit all the files that use the two stylesheets I am combining?

I will have to edit the header file at least...

[DrByte]

No, I can't see any reason why you'd have to touch any other files. And no need to edit any "header file", whatever you meant by that.

Zen Cart automatically reads the folder, finding files named as "styleXXXXXXXX.css" and automatically includes them when outputting the template to the browser. So, if you combine those files into one and delete any you're not using, then Zen Cart will automatically output just the details needed to load the files you've left in the folder. It's much more intelligent than many other systems that leave all that complicated stuff up to you.

[NBordeau]

No, I can't see any reason why you'd have to touch any other files. And no need to edit any "header file", whatever you meant by that.

Zen Cart automatically reads the folder, finding files named as "styleXXXXXXXX.css" and automatically includes them when outputting the template to the browser. So, if you combine those files into one and delete any you're not using, then Zen Cart will automatically output just the details needed to load the files you've left in the folder. It's much more intelligent than many other systems that leave all that complicated stuff up to you.

Thank you, I saw this when I looked at the header file...