Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Move Product description to under image

Move Product description to under image

Locked

Views: 6,999

Results 1 to 19 of 19
This thread is locked. New replies are disabled.
15 Sep 2006, 3:18 PM
#1
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Move Product description to under image

In version 1.3, how can I move the product descriptions back to under the image like they were in version 1.2 instead of beside it on both the product page and the category product listing page?
Several threads I read said to do it in
includes/templates/YOURTEMPLATE/templates/tpl_product_info_display.php
and move a section around...I tried that and can't get it below the image. Can someone be more specific for me?

Thanks!

15 Sep 2006, 4:15 PM
#2
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Re: Move Product description to under image

ok...finally on the 7th move I found the right order to get it under the image on the Product page...now, what file do I use to do it on the category product listing page?

Thanks!

15 Sep 2006, 4:55 PM
#3
mrtorrez avatar

mrtorrez

New Zenner

Join Date:
Aug 2006
Posts:
74
Plugin Contributions:
0

Re: Move Product description to under image

Dizzie:

ok...finally on the 7th move I found the right order to get it under the image on the Product page...now, what file do I use to do it on the category product listing page?

Thanks!
Hi Dizzie,

How did you change the placement in the category-product-listing?

Greetz

15 Sep 2006, 5:40 PM
#4
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Re: Move Product description to under image

I didn't....I'm waiting for someone to tell me what file I need to do it in.

For the product page I used the tpl_product_info_display.php

and move the following code

<!--bof Product description --> <?php if ($products_description != '') { ?> <div id="productDescription" class="productGeneral biggerText"><?php echo stripslashes($products_description); ?></div> <?php } ?> <!--eof Product description --> <br class="clearBoth" />

to just under

<!--eof Quantity Discounts table -->

Here's a page that shows how that looks..
http://dizzinz.com/shop/index.php?main_page=product_info&cPath=7&products_id=15

15 Sep 2006, 10:17 PM
#5
mrtorrez avatar

mrtorrez

New Zenner

Join Date:
Aug 2006
Posts:
74
Plugin Contributions:
0

Re: Move Product description to under image

He thanks!

I'm not really sure, but for the product-listing you have to look for:

includes/modules/your-template/product_listing.php

In there is an array wich is responsable for the layout . (I think)
I have try to edit this file, but my php-skills are much too low.
:(

15 Sep 2006, 10:54 PM
#6
ggws avatar

ggws

New Zenner

Join Date:
May 2006
Posts:
29
Plugin Contributions:
0

Re: Move Product description to under image

I need help with this too, please keep us posted.

16 Sep 2006, 9:09 AM
#7
mrtorrez avatar

mrtorrez

New Zenner

Join Date:
Aug 2006
Posts:
74
Plugin Contributions:
0

Re: Move Product description to under image

Is it this where we are looking for?

In Admin > Configuration > Product Listing you will see the list of items that can be included in your product listing. The entry in the Value column sets the order in which they appear across the page. So you probably want the image set to 1, the name set to 2 and the price/add to cart set to 3.

16 Sep 2006, 12:03 PM
#8
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Re: Move Product description to under image

I tried that page. You can't set the order for the description...all you can set is the number of maximum letters to display for the description...or turn the description off altogether.

16 Sep 2006, 12:21 PM
#9
mrtorrez avatar

mrtorrez

New Zenner

Join Date:
Aug 2006
Posts:
74
Plugin Contributions:
0

Re: Move Product description to under image

mmm, very strange it worked for me.
You are sure you used the numbers right?

Display Product Image > 2
Display Product Name > 1
Display Product Price/Add to Cart > 3

the values above determines the sort order of the product-items you want to show.

so in this case: Name, Image and Price

16 Sep 2006, 2:11 PM
#10
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Re: Move Product description to under image

yeah, but what about description...that's what I want moved...:>)

16 Sep 2006, 2:20 PM
#11
rowan avatar

rowan

Zen Follower

Join Date:
May 2006
Location:
Australia
Posts:
107
Plugin Contributions:
2

Re: Move Product description to under image

Dizzie:

yeah, but what about description...that's what I want moved...:>)

The description is tied to the name. Just so you know, it will not be easy to separate the name and description with 1.3.*, so I'd leave it as it is.

16 Sep 2006, 2:21 PM
#12
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Re: Move Product description to under image

Display Product Image > 2
Display Product Name > 1
Display Product Price/Add to Cart > 3

This gives me the Name/Description in the Left Column
Picture in the Center Column
Price in the Right Column

Doiesn't put the Description UNDER the image like it was in version 1.2

16 Sep 2006, 2:25 PM
#13
dizzie avatar

dizzie

Zen Follower

Join Date:
Jan 2006
Posts:
152
Plugin Contributions:
0

Re: Move Product description to under image

Rowan:

The description is tied to the name. Just so you know, it will not be easy to separate the name and description with 1.3.*, so I'd leave it as it is.

It was easy on the product page...are you saying it's not on the Category Product listing page? When I turn off the description for that page it still displays the product Name so I don't see how they are tied together...but they may be in the php...if so, I will just turn off the descriptions for that page....that looks a little better...but still not as good as the old version...:>)

16 Sep 2006, 2:35 PM
#14
rowan avatar

rowan

Zen Follower

Join Date:
May 2006
Location:
Australia
Posts:
107
Plugin Contributions:
2

Re: Move Product description to under image

are you saying it's not on the Category Product listing page?

Yes.

When I turn off the description for that page it still displays the product Name so I don't see how they are tied together...but they may be in the php

You can have one without the other, however they can't be split apart unless you make some sizable changes to the PHP.

16 Sep 2006, 3:02 PM
#15
mrtorrez avatar

mrtorrez

New Zenner

Join Date:
Aug 2006
Posts:
74
Plugin Contributions:
0

Re: Move Product description to under image

Did you already look at Column Layout Grid for Product Listing Module? (http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=77)

Dizzie:

Display Product Image > 2
Display Product Name > 1
Display Product Price/Add to Cart > 3

This gives me the Name/Description in the Left Column
Picture in the Center Column
Price in the Right Column

Doiesn't put the Description UNDER the image like it was in version 1.2

16 Sep 2006, 3:28 PM
#16
ggws avatar

ggws

New Zenner

Join Date:
May 2006
Posts:
29
Plugin Contributions:
0

Re: Move Product description to under image

those settings work for me in the sub category section but what I need is the page for the main category.

27 Jul 2008, 6:53 AM
#17
mr_chetanladdha avatar

mr_chetanladdha

New Zenner

Join Date:
Jul 2008
Posts:
84
Plugin Contributions:
0

Re: Move Product description to under image

Dizzie:

ok...finally on the 7th move I found the right order to get it under the image on the Product page...now, what file do I use to do it on the category product listing page?

Thanks!

Please let me know how did you do this.
It would be really helpful.
i cannot find the settings

25 Aug 2008, 2:06 PM
#18
adnanrana avatar

adnanrana

New Zenner

Join Date:
Jun 2008
Posts:
16
Plugin Contributions:
0

Re: Move Product description to under image

mr.chetanladdha:

Please let me know how did you do this.
It would be really helpful.
i cannot find the settings

I have done this by editing "includes/templates/YOUR_TEMPLATE/templates/tpl_product_info_display.php". If it doesn't exist then take a copy from "includes/templates/template_default/templates/".

Replace code:

<!--bof Product Name-->

<h1 id="productName" class="productGeneral"><?php echo $products_name; ?></h1> <!--eof Product Name-->

WITH:

<!--bof Product Name-->

<h1 id="productName" class="productGeneral"><BR><BR><BR><BR><BR><BR><BR><BR><?php echo $products_name; ?></h1> <!--eof Product Name-->

It might not be the best way, but it worked for me.

4 Sep 2008, 4:22 AM
#19
gjh42 avatar

gjh42

Black Belt

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

Re: Move Product description to under image

To change the display order of elements on the product info page, you can move code blocks (all clearly marked with <!--bof xxxx--> and <!--eof xxxx--> comments) to the order you desire.

Then you can use the stylesheet to fine-tune the display, for example maybe adding

#productDescription {clear: both;}

to make it sit fully below the image which is floated left in the stock layout.