Specific Product Listing CSS file

[jadedchron]

Hello,

I've read through the ReadMe.txt for the CSS folders regarding using p_ and c_ for particular page id's or category id's.

I can't seem to figure out how to provide a product listing only stylesheet using this particular system. Is it possible?

My product listing page URL looks like:
index.php?main_page=index&cPath=1

I tried searching, but it kept coming back with vague results, so I'm not sure what to do. If anyone can help that'd be great.

Thanks!

[rstevenson]

Make a stylesheet and call it c_1.css and put just this one line in it...
body { background: red; }
... and tell us what happens. If the background of that category turns red, then put whatever you really want into that stylesheet.

I'm not quite sure from your question, but maybe you mean that you want the listing to be styled a certain way but not the product info pages you'd get to from that listing. The hard way to do that would be to undo the style changes you made for the category in page-specific stylesheets. But you'd need one for each product page, which would get tedious fast. Somewhere here in the forum there is a better way involving a php IF statement, but I can't find it at the moment. Maybe someone who knows how will step in if that's what you need.

Rob

[jadedchron]

Hi Rob,

Yeah, that was the initial thought I had for that possibility, but c_1.css isn't even loaded into the HTML.

I have the auto-generated header and footer links with a custom btn-# per each link, so that I can assign them a page specific color/style. The problem is, while I have all of the ez-pages working due to the page-specific CSS mod, I have no way to create the same effect for the product listing page.

I am just trying to find out if Zen Cart would read a specifically named CSS file in the CSS folder or if that's not setup for the product listings page.

Right now, I can simply insert "#indexProductList", for example, into the master CSS file and while it does stylize that on the product listing page, it's not page specific.

Hopefully, that makes sense.

I could potentially create a PHP file that simply gets the id and have it call the CSS file, but I'm trying to keep things clean as possible...

[jadedchron]

I take it back. c_1.css did work. It was just taking a long time to register due to being cached.

Thanks!

[gjh42]

The product listing page is exactly what will be affected by a c_##.css file. What did you name your file? What is the category path to that listing page?
The default behavior affects only the specific cPath named, not its subcats, but there is a very simple mod (one line added to a file) posted in a forum thread to allow top & subs or just the specified cat to be affected.

Good to hear that it did work for you:)

[jadedchron]

Hi Glenn,

The c_1. css actually worked as noted above. But, I did have one last (hopefully) question about the specific CSS files.

In reference to the Log In page, it is: index.php?main_page=login or...
in reference to the checkout page it is: index.php?main_page=time_out or...
in reference to the shopping cart page it is: index.php?main_page=shopping_cart

...is there a way to specify a CSS file for those main_pages? The readme text is a bit hard to understand which I hope improves in the future ;-)

[gjh42]

page_name.css // changes to one page

page_name is the main_page= in the URL, so you would use login.css for index.php?main_page=login.
Checkout has specific pages titled like checkout_shipping or checkout_success.

[jadedchron]

This worked. Thanks again for your help, Glenn.