What to name the CSS files for Product pages?

[thebigkick]

I read the wiki and (forgive me) I'm stilll confused as to how to name my css files.

I targeted each Category page on my site by naming the css files accordingly (c_1.css, c_2.css etc). Now I'm trying to target the product pages.

I've tried p_[category path].css but nothing is happening.

Thanks

[DrByte]

p_##.css

where ## is the products_id value from the URL when you look at that product page on your site

It's explained in your /includes/templates/template_default/css/CSS_read_me.txt file amongst other places

[thebigkick]

Here is an example url of my product page:

hxxp://my_stupid_website.com/index.php?main_page=product_info&cPath=40_18&products_id=813

I'm thinking of naming the product page CSS file either product_info.css or p_40.css.

Thing is I want this to have an affect on all of my product pages located under the Categories and Subcategories.

[gjh42]

If you want to target all product info pages, name your custom stylesheet product_info.css.

[thebigkick]

If you want to target all product info pages, name your custom stylesheet product_info.css.

Thank you. I read all the documentation in the wiki. I don't know why I didn't come accross that.

[gjh42]

Probably because it isn't spelled out in so many words for this particular case. The CSSreadme.txt in the /classic/css/ folder talks about stylesheets for "page names", and product_info is a page name... for all individual product pages.

[thebigkick]

One more thing. To edit the order by which items show up on the product page I can edit tpl_product_info_display.php? I want to move the Add to Cart button to the top inline with the product's price.

Thanks

[gjh42]

That's right. Move code blocks to an appropriate output order, then fine-tune the display in your stylesheet.

Remember that a floated element (as the add to cart will likely be) can only rise to the bottom of the preceding non-floated element. If you want it inline with the prices and the prices are not floated, it needs to come before the price block in the output.

[thebigkick]

Nevermind got it. My assumption was right.

Sorry for the pollution

[thebigkick]

Remember that a floated element (as the add to cart will likely be) can only rise to the bottom of the preceding non-floated element. If you want it inline with the prices and the prices are not floated, it needs to come before the price block in the output.

Yup, I floated the price element left, reduced the width from 100% to 150px. Floated the button right and it slid right up.