Product listings without picture all in-line

I'd like to change my product listings page so that the Item Name, Price and Add Quantity option are all on the same line and instead of a picture it has an icon of a camera. I know how to turn off the image but I can't seem to get the add option and the price on the same line. Also, I'd like to add the camera icon . I'm trying to fit as many product on one page and reduce scrolling. I believe I've seen an example of this layout here somewhere but I can't seen to find it now. Any suggestion or help would be appreciated.

Anyone want to help me tackle this?

splieg:

I'd like to change my product listings page so that the Item Name, Price and Add Quantity option are all on the same line and instead of a picture it has an icon of a camera. I know how to turn off the image but I can't seem to get the add option and the price on the same line. Also, I'd like to add the camera icon . I'm trying to fit as many product on one page and reduce scrolling. I believe I've seen an example of this layout here somewhere but I can't seen to find it now. Any suggestion or help would be appreciated.

i am trying to separate the price and quantity box too, and put them next to each other rather than stacked. can anybody point me in the right direction? thanks.

The price, quantity box, buy now button and related items are all set up in /includes/modules/your_template/product_listing.php, around lines 107-150.

Lines starting with $lc_button and $lc_text are where various different possible displays are formatted; find and remove <br /> tags in those lines to make elements display on one line. Work carefully and test frequently!

outstanding. thanks so much, glenn.

I am too trying get each items on same line: Item# Description Price Qty

After playing with $lc_align and $lc_text, I was able to get the Price and Qty on same line, but can't seem to get Item# and Description on same line. Also, changing $lc_align doesn't seem to make any difference in formatting. Did you get yours working?

$lc_align only affects whether the element is left- or right-justified in its given box.
The description has a <div> tag, which by default is a block element that starts on a new line.```php
case 'PRODUCT_LIST_NAME':
$lc_align = '';
if (isset($_GET['manufacturers_id'])) {
$lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>' ;
} else {
$lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), ($_GET['cPath'] > 0 ? 'cPath=' . $_GET['cPath'] . '&' : '') . 'products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><div class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>';
}
break;

You can either change that to a <span> in two places here, or give .productDescription a property of display: inline; in the stylesheet (but not both).```php
case 'PRODUCT_LIST_NAME':
        $lc_align = '';
        if (isset($_GET['manufacturers_id'])) {
          $lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), 'products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><span class="listingDescription">' . zen_trunc_string(zen_clean_html(stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>' ;
        } else {
          $lc_text = '<h3 class="itemTitle"><a href="' . zen_href_link(zen_get_info_page($listing->fields['products_id']), ($_GET['cPath'] > 0 ? 'cPath=' . $_GET['cPath'] . '&' : '') . 'products_id=' . $listing->fields['products_id']) . '">' . $listing->fields['products_name'] . '</a></h3><span class="listingDescription">' . zen_trunc_string(zen_clean_html (stripslashes(zen_get_products_description($listing->fields['products_id'], $_SESSION['languages_id']))), PRODUCT_LIST_DESCRIPTION) . '</div>';
        }
        break;
``` ```php
.listingDescription {
    display: inline;
    }

I tried, and even removed all 'div' tags but it didn't work. Then I removed the 'h3' tag and that did it... Thanks.

What I don't get is even with the $lc_align = 'left' it still centers the items.

I went a head and used the css to aligned the text. But I'm still curious.