Flexible product listing CSS Issue

[niccol]

OK. Well first of all there was a typo in my late night coding. One of the <td> tags should have been a </td>.

But that isn't the end of the issues. I was confused about why we were getting some of the things that we were. For instance, some of the classes. For instance,

<td class="listingQty">

I can only guess that you may have done some other edits that I do not know about yet. Anyway it inspired me to return to basics. I started with the default version of the product_listing.php and a fairly new installation of zen cart that I test things on. I installed flexible_product_listing and went to work.

I think that I have the "mini-table" we discussed working fine. Attached is a screen shot. Yes, I know it isn't a work of art! But the elements all align centrally.

So that works great. Also attached is the php file I have used. So, the minitable approach works just fine. Attached is a copy of the 'clean' product_listing.php file which only has my most recent edits.

I have added classes to the minitable row and to the three <td>s. They are called nick0 nick1 nick2 and nick3 but I am sure that you will be able to change the names if you want. Apart from anything else the classes help you see what is what more easily in the source code.

I suspect that you have some 'legacy code' somewhere else that is creating the classes that I don't recognise but you may be able to tell me the answer to that one!

I would back track a bit to a clean version of the files and then try the modifications in my file. But back up back up back up.

Regarding the prices. Yes, they are in <span> tags so are inline. An easy way of fudging the display so that they always appear on separate lines in all browsers might be to set their width to 100%. You could also edit the function function zen_get_products_display_price($products_id) which is in functions_prices.php and turn the spans into <p> tags with classes assosciated to them so you can style to your hearts content. Or you could put the <br/> in there too. Or you could make them block and make the top one float right and the bottom one clearboth and floatright. Or, there are a few ways of doing it actually. I don't have IE handy at the moment so let me know how you get on.

Hope this helps

Nick