Hwo to I make this look like this IMAGES?

I have included a few images here to help get the idea of how I want the product listing.

At the moment the product listing looks like this>

I want it to look like this>

How can I add the extra more details button and style the price, the price doesn't seem to have a style aspect attached to it.

I also want to get rid of the more details...... link when the product has attributes and replace it with a more details button.

store.lakewood:

I have included a few images here to help get the idea of how I want the product listing.

At the moment the product listing looks like this>

I want it to look like this>

How can I add the extra more details button and style the price, the price doesn't seem to have a style aspect attached to it.

I also want to get rid of the more details...... link when the product has attributes and replace it with a more details button.

Sorry images are
At the moment the product listing looks like this> ```
http://store.lakewooditsupport.co.uk/images/before.gif

I want it to look like this> ```
http://store.lakewooditsupport.co.uk/images/after.gif

Can anyone help??

Really can someone help??

I wonder if the Tabbed Products Pro mod might help you. It would allow you to control what is seen first on each product detail page, and then provide more info under the other tabs if people wanted to see it.

As for styling the price, in my sites (links below) the price is in code like this...

<h2 id="productPrices" class="productGeneral"> $3.25</h2>

... so to style it you could add (if necessary) that declaration to your stylesheet. Something like...

#productPrices { color: #AC0800; }

Adjust as needed.

Rob

in modules > product_listing.php find:

        case 'PRODUCT_LIST_PRICE':
        $lc_price = zen_get_products_display_price($listing->fields['products_id']) . '<br />';

change to:

case 'PRODUCT_LIST_PRICE':
$lc_price = '<p id="price">' . zen_get_products_display_price($listing->fields['products_id']) . '</p>';

then is your stylesheet add:

#price {
color:??????;
font-size:?.?em;
}

if a product has attributes you will get the ... more info link

you can disable the buy now button in
ADMIN > CONFIGURATION > PRODUCT LISTING

then in
/includes/languages/english/CUSTOM_TEMPLATE/english.php

find:
define('MORE_INFO_TEXT','... more info');

and replace ... more info with a link to a more info button image

Hope this helps!

Thank you so so much!!!! you have PM