Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How do you list products like this?


Recommended Posts

Alright guys... Try as I might I simply can't find a solution to do a layout like this in any simple way. Been looking all around the forums, asked a bunch of questions and seem to run into a bump in every direction, and I'm not even sure what direction to go!

 

I want a product layout a LOT like this.... Mainly where the image is, and where the prices and other info is. I want the image to be laying across the top much like this:

 

http://www.pooldawg.com/category/meucci-pool-cue-238.html

 

 

I've gotten an idea of what I need to be editing... I believe it's probably product_listing.php under modules.

Any of you guys got any ideas? What's the easiest way to accomplish this?

Link to comment
Share on other sites

yes, product_listing under modules is the file to change.

If you change every opening '<td>' to '<tr><td>' except for the first one, and close every '</td>' with '</td></tr>', so every field is displaying on it's own line.

Plus put align=left, and you are pretty much done.

KEEP CALM AND CARRY ON

I do not use the responsive bootstrap version since i coded my responsive version earlier, but i have bought every 28d of code package to support burts effort and keep this forum alive (albeit more like on life support).

So if you are still here ? What are you waiting for ?!

 

Find the most frequent unique errors to fix:

grep "PHP" php_error_log.txt | sed "s/^.* PHP/PHP/g" |grep "line" |sort | uniq -c | sort -r > counterrors.txt

Link to comment
Share on other sites

I don't know what the tables the <td>'s I found belonged to... But altering them in that way didn't do jack to the page! However, I know I'm editing the right file because if I scrap the document my product listing definitely goes blank!

 

Quite frustrating.

Link to comment
Share on other sites

 case 'PRODUCT_LIST_IMAGE':
           $lc_align = 'center';
           if (isset($HTTP_GET_VARS['manufacturers_id'])) {
             $lc_text = '<tr><td><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'manufacturers_id=' . $HTTP_GET_VARS['manufacturers_id'] . '&products_id=' . $listing['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a></td></tr>';
           } else {
             $lc_text = '<tr><td> <a href="' . tep_href_link(FILENAME_PRODUCT_INFO, ($cPath ? 'cPath=' . $cPath . '&' : '') . 'products_id=' . $listing['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $listing['products_image'], $listing['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a> </td></tr>';
           }
           break;

 

OK... I had to add it (<tr><td>) to those portions of the code to get things the way I wanted them.

So I'm off to a darned good start! Now I have one major problem.... lol...

How do I get the "manufacturer, product, price, buy now, etc. out of the top of the table and make the table BORDERLESS (preferably).

Edited by dpatrick
Link to comment
Share on other sites

To remove the titles, remove line 28 to 71, refer to this numbered source file if you don't have line numbers in your editor.

MS2 source

 

you can switch the order via the product listing options under your admin panel. the lower the number, the higher up they show.

 

for the border, you need to dive into the stylesheet.

 

If you install firefox, you can install a webdeveloper toolbar which is very handy to see which css style is in action on a particular section of your webpage.

KEEP CALM AND CARRY ON

I do not use the responsive bootstrap version since i coded my responsive version earlier, but i have bought every 28d of code package to support burts effort and keep this forum alive (albeit more like on life support).

So if you are still here ? What are you waiting for ?!

 

Find the most frequent unique errors to fix:

grep "PHP" php_error_log.txt | sed "s/^.* PHP/PHP/g" |grep "line" |sort | uniq -c | sort -r > counterrors.txt

Link to comment
Share on other sites

HI bruyn... thanks for the help so far, it's been really great! :-)

I just wanted to clarify... Can you give me an example of a line that you would want to put <tr><td> on? I'm just not sure I'm editing the right part of the code. I think I may have just lucked out...

Also, how do I switch the positioning? I don't want, for example, the manufacturer's name to be above the image!

Link to comment
Share on other sites

Actually. Forget the positioning!

I just want to remove the manufacturer name altogethor if possible.

I'd also like to change the button for "buy now" to a different image, and to have it go directly to the product info page (much like pooldawg.com does).

 

thanks again

Edited by dpatrick
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...