Product listing - swaping elements around

I am using zen 1.38a with the column layout module.

I am quite familar with this but I am stuck at a really daft bit.

I want to display the item like this

product name,
product image,
product description,
more info

But the name & the description seem stuck to each other like glue.

So I can only have

product image,
product name,
product description,
more info

or

product name,
product description,
product image,
more info

Eveything I have tried to move has just thrown up an error.

Have probably been looking at this too long - any help appreciated.

The file that produces the elements that go in the product listing table is product_listing.php

In it's default form the name and the description are grouped together.

You can remove the description entirely from the admin section but if you want both the description and name to display then getting them to display as you described is going to take some php programming of that file. Doing it in a hack might not be too hard but doing it nicely would take a bit of work.

Depends how badly you want it and how happy you are with php :smile: maybe not displaying the description in product listing and only displaying it on the product info page is a solution for you?

Hi Nicol

Thanks for your reply - I've hacked that file before but I just can't see how to safely and without causing errors get this on the go.

Maybe this morning I'll beable to see what to do!

Cheers

Is there any way to keep the desciption lined up (column) after it reaches the bottom of the image and not align to the left under the image...
I might have to try to put the product name and description under the image... just means more scrolling down to read... :(

Or maybe Product name, description and then image on the left... that would work fine if it can be done...
Its because of long detailed descriptions....

Yes, there are ways to do it nicely if you edit tpl_product_info_display. However a quick fix is :

#productDescription{margin-left:104px;}

And match the 104px to what it is exactly for your site.

I've tried to put this into my template tpl_product_info_display.php but no luck working...
Any easy way to arange so that it displays
Product
Proudct Description
and price on the left and photo on the right???
:cry:

Sorry, I wasn't clear. The code for the quick fix is to go into the stylesheet.

Nick

Hi Nick...
I've tried putting into my template/theme##/css/stylesheet.css
but its still the same...
is there somewhere its over-ridding this?

can I remove the call for price image out and just leave the call for price link (which goes to contact us form)?

You guessed it. Yes there is a definition for #productDescription in stylesheet_main.css.

The rule you want to place at the bottom of that file is:

#productDescription{margin-left:285px;}

In theory you need to tidy up all these duplicate rules as well! I HATE nagging!

Regarding the call for price image - I don't see why not.

You may want to get rid of the border on the addCart box.

#cartAdd{border:none;}