Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Different Prod info pages for differnt products?

Different Prod info pages for differnt products?

Views: 640

Results 1 to 9 of 9
30 Jan 2012, 5:41 PM
#1
cookiepus avatar

cookiepus

Zen Follower

Join Date:
Jan 2010
Posts:
131
Plugin Contributions:
0

Different Prod info pages for differnt products?

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

30 Jan 2012, 5:58 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different Prod info pages for differnt products?

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.

31 Jan 2012, 10:00 AM
#3
cookiepus avatar

cookiepus

Zen Follower

Join Date:
Jan 2010
Posts:
131
Plugin Contributions:
0

Re: Different Prod info pages for differnt products?

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

31 Jan 2012, 3:03 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different Prod info pages for differnt products?

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.

31 Jan 2012, 3:37 PM
#5
cookiepus avatar

cookiepus

Zen Follower

Join Date:
Jan 2010
Posts:
131
Plugin Contributions:
0

Re: Different Prod info pages for differnt products?

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

31 Jan 2012, 3:44 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different Prod info pages for differnt products?

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).

31 Jan 2012, 4:08 PM
#7
cookiepus avatar

cookiepus

Zen Follower

Join Date:
Jan 2010
Posts:
131
Plugin Contributions:
0

Re: Different Prod info pages for differnt products?

O Great
Nice one!
Thanks

2 Feb 2012, 12:11 PM
#8
cookiepus avatar

cookiepus

Zen Follower

Join Date:
Jan 2010
Posts:
131
Plugin Contributions:
0

Re: Different Prod info pages for differnt products?

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

2 Feb 2012, 3:49 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Different Prod info pages for differnt products?

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.