Hello
i have a nice product info page which suits 80% of my products.
For the other 20% id like to make a different layout.
A smaller image size, more room for text and some other layout changes.
Is this possible?
Regards
Cookie
Hello
i have a nice product info page which suits 80% of my products.
For the other 20% id like to make a different layout.
A smaller image size, more room for text and some other layout changes.
Is this possible?
Regards
Cookie
Anything is possible, it just depends on exactly what you want for how difficult/easy it will be.
If all of your 20% products are in one or more separate categories, you could probably set up per-category stylesheets to override standard CSS rules. If you have a small/manageable number of different products, you could make a per-product stylesheet and copy it for each relevant product id.
If your desired changes are not susceptible to CSS solutions, or are scattered among different categories, you might need to create a new product type to have its own tpl_product_special_info_display.php and other files.
Thanks Gjh42
If all of your 20% products are in one or more separate categories, you could probably set up per-category stylesheets to override standard CSS rules.
i think your approach above might work.
Could you give me few tips?
Thanks again
Cookie
Read the CSS-readme.txt in /includes/templates/template_default/css/ for a summary.
Make a stylesheet file with just the rules you need to be different from standard, and name it according to the category id or cPath, like c_23.css. You will need a copy of the same file named for each category.
For the rules you need, I would have to see what you have (live, not a screenshot) and what you want.
Thanks again
i have a working knowledge of CSS
And the product id like to have a different prod page are all in the same category.
But were im stuck is how do i make those different products display the new CSS
instead of the current CSS file im using for all the other prod info pages.
if im making sense - i hope
Regards
Cookie
Did you read the readme file I told you about? Saving a file with the correct name will cause it to automatically load for the desired category (or other page type).
O Great
Nice one!
Thanks
Hi
I dont think CSS alone is gonna do it.
would there be a way to just reduce the image size displayed on the prod info page -
But only for products in a particular category?
Thank you
Cookie
If you are depending on the medium image size setting to scale your images down, you are doing it wrong. You should save your medium images at the exact pixel size you want them to display so the browser doesn't have to do a quick & dirty resizing on the fly. If you save this category's medium images at the smaller size, that is how they will display. If you need to reduce the space reserved for these smaller images, you can do that with a per-category stylesheet, using !important if necessary in the width declaration to override the inline styling.