Site maintenance: Sun 15 Nov, from 12:00 UTC, about 4–6 hours. Details

This cutover relies on some testing that is still incomplete so may be cancelled at short notice

Forums / Templates, Stylesheets, Page Layout / Product Description Layout Change

Product Description Layout Change

Locked

Started by hokey on 26 Aug 2009, 10:08 AM · Views: 2,036

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
26 Aug 2009, 10:08 AM
#1
hokey avatar

hokey

New Zenner

Join Date:
Feb 2009
Posts:
23
Plugin Contributions:
0

Product Description Layout Change

Hi.
Here is how my page currently looks:
http://www.thewhitingpost.com/index.php?main_page=product_info&cPath=5_16&products_id=46
I want to move the 'Sizes Available' higher up so that it is either just below the image and 'Manufactured by' or just above the 'Add to Cart' box.
I'd like to know which files control the layout and also which css classes best control this page.
Many thanks.

COYS

1 Sep 2009, 9:49 AM
#2
hokey avatar

hokey

New Zenner

Join Date:
Feb 2009
Posts:
23
Plugin Contributions:
0

Re: Product Description Layout Change

Just bumping this in case someone who knows the answer hasn't seen it. I still don't know how to do this and would appreciate some help.
Many thanks.

COYS

1 Sep 2009, 10:07 AM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Product Description Layout Change

I'd like to know which files control the layout and also which css classes best control this page.
tpl_product_info_display.php
For css - get and use FireFox as your browser and a compliment of available extentions to be able to determine the css class or css ID of elements you want to style

Zen-Venom Get Bitten

3 Sep 2009, 12:55 PM
#4
hokey avatar

hokey

New Zenner

Join Date:
Feb 2009
Posts:
23
Plugin Contributions:
0

Re: Product Description Layout Change

Thank you kobra for those tips on Firefox.
I am wary of editing the position of elements because of the possible knock-on effect it has on way the page displays. I will over time and when I am more familiar with zencart, learn how to edit the page layouts.
As a temporary option and one which works for me at the moment, I went into the admin area
catalog>product types>product general>edit layout
and changed the Show Manufacturer value. It isn't the solution but I don't feel I actually need to show this on the description.

COYS

3 Sep 2009, 1:43 PM
#5
gjh42 avatar

gjh42

Black Belt

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

Re: Product Description Layout Change

tpl_product_info_display.php is designed to be easy to change the display order of elements. Each section of code is enclosed in <!--bof xxx--> and <!--eof xxx--> tags, and you can move whole blocks from one place in the file to another - just don't put one block inside another.

3 Sep 2009, 3:33 PM
#6
hokey avatar

hokey

New Zenner

Join Date:
Feb 2009
Posts:
23
Plugin Contributions:
0

Re: Product Description Layout Change

Okay.
That is helpful :smile: and gives me a good clear starting point.
Thank you

COYS

9 Sep 2009, 3:59 PM
#7
itseemedsosimple avatar

itseemedsosimple

New Zenner

Join Date:
Aug 2009
Location:
St. Louis, MO
Posts:
69
Plugin Contributions:
0

Re: Product Description Layout Change

gjh42:

tpl_product_info_display.php is designed to be easy to change the display order of elements. Each section of code is enclosed in <!--bof xxx--> and <!--eof xxx--> tags, and you can move whole blocks from one place in the file to another - just don't put one block inside another.

Another clarification for another newb please.
I changed this file in:
/STERILIZERSANDAUTOCLAVES/catalog/includes/templates/template_default/templates

But the changes don't seem to take effect - where else or what other file do I need to change?

http://myseedsofhappiness.com/store/

9 Sep 2009, 4:22 PM
#8
gjh42 avatar

gjh42

Black Belt

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

Re: Product Description Layout Change

Never change a file in a /template_default/ folder or subfolder! COPY the file to the same folder location under /includes/templates/your_template/, and edit the copy.

If you already have a copy of the file, any changes you make to the /template_default/ version will be ignored and will not do anything.

9 Sep 2009, 6:39 PM
#9
itseemedsosimple avatar

itseemedsosimple

New Zenner

Join Date:
Aug 2009
Location:
St. Louis, MO
Posts:
69
Plugin Contributions:
0

Re: Product Description Layout Change

gjh42:

Never change a file in a /template_default/ folder or subfolder! COPY the file to the same folder location under /includes/templates/your_template/, and edit the copy.

If you already have a copy of the file, any changes you make to the /template_default/ version will be ignored and will not do anything.

Thanks.
I understand your first recommendation, but I do not understand the second comment. I'm just playing around with the classic green default that was autoloaded during the install, and learning how to make changes on that before I set up a customized template of my own and go live. So right now there are no subfolders in /catalog/includes/templates/template_default/templates and no custom templates yet, so still not sure why a change made does not seem to take effect - is there another file that needs to be edited?

9 Sep 2009, 7:06 PM
#10
gjh42 avatar

gjh42

Black Belt

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

Re: Product Description Layout Change

If you're playing with /classic/, then that is where /your_template/ files/folders go.
/classic/ is an override folder, one that is installed in the standard fileset.

Do you have a copy of the file in /includes/templates/classic/templates/ ?

9 Sep 2009, 8:10 PM
#11
itseemedsosimple avatar

itseemedsosimple

New Zenner

Join Date:
Aug 2009
Location:
St. Louis, MO
Posts:
69
Plugin Contributions:
0

Re: Product Description Layout Change

I am so sorry, the changes were working as you mentioned, I was just looking at the wrong ZC.

Thanks again for you patient responses.