Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

HOW: Product Listing ReDesign ?


CraXyOW3

Recommended Posts

I have searched these forums for this question but i could not find it anywhere!

 

What i wonder is, how can i change the layout and/or design of the product listing, where all the products are listed and can be sorted by "name" "price" and if optioned "weight".

 

Ive been lurking in the file product_listing.php but i could not find any apparent layout tags there at all, mainly only anchor links like <a href=" some php tag values "> and so on.

The only thing i could modify was the color attributes of the TD cells, but that is defined in the stylesheet and not in the code itself.

 

Please, this is the last thing i got to customize and i really want some guidance for this matter!

Link to comment
Share on other sites

What i wonder is, how can i change the layout and/or design of the product listing, where all the products are listed and can be sorted by "name" "price" and if optioned "weight".

 

how this

http://www.oscommerce.com/community/contributions,112

 

if you want the user to be able to sort the column by using an href link, then you'll need to pass that paramter back into the select statements in the /includes/modules/new_products.php file here:

tep_href_link(FILENAME_PRODUCT_INFO

Link to comment
Share on other sites

I have tried that one and did not give me the result i wanted.

 

What i want to know is _where_ can i find the layout/template of the table that generates the whole list for product_listing.php.

 

I want to be able to manipulate the cells of the table so that i can get those table's to match the rest of the site.

I have a whole extra table for adding graphical borders around products and such, so if i can only be "told" where to find these <table> <tr> and <td> tags i think i manage it myself, all i can read now is that the table is arrayed and generated on the fly and there are code for inserting variables into the cells, but still, i cant find where it ends up, it gotta be another file whereas the code relies.

But thanks for trying.

Link to comment
Share on other sites

Are there exactly noone that can help me with this, just WHERE this code resides ??

 

I'm not sure if I understood your question completely, so forgive me if this is redundant. If you're trying to set up your product listing to let customers search by different conditions (like price, weight, etc) you could try this contribution: http://www.oscommerce.com/community/contri...earch,search+by. Just make sure to download both the "Fix next page problem" and the actual "Sort Products by Dropdown" part. I don't know enough PHP to mess with the table layout code myself or where to find it, but I hope this helps.

Link to comment
Share on other sites

Thats not it, let me reforumalte my request:

 

What i want to know is where the HTML code for the TABLES on the list of products are generated.

 

As it is now, it creates a whole <tr><td>prod_image</td><td>price</td><td>buy_now_image</td></tr>

and repeats the whole thing for each product, in these <td> the code inserts " class="headerblablabla" " with different colors for each successive product.

 

302rrqc.jpg

 

The table inside the red markings is what i want to be able to manipulate, the proble i got is that i cant find where that code resides.

What i believe it is embedded in another file somewhere wich i cant find.

 

My main goal is that i want to insert my own seperators between the products that are listed, for example an image after each product.

I also want to add a whole new table that encloses the product listing for design purpose ONLY.

 

Again one more example:

 

#design table

<table>

<tr>

<td>upper left corner image</td><td>title with background to match theme</td><td>upper right corner image></td>

</tr>

<tr>

<td>left image border</td><td> HERE COMES THE PRODUCT LISTING GENERATED TABLE </td><td>right image border</td>

</tr>

<tr>

<td>left bottom corner image</td><td>middle image border</td><td>bottomr right corner image</td>

</tr>

</table>

 

Hope this clarifies my request/question better!

Link to comment
Share on other sites

Thats not it, let me reforumalte my request:

 

What i want to know is where the HTML code for the TABLES on the list of products are generated.

 

 

Hope this clarifies my request/question better!

You should look within the .../classes/boxes.php file. The productlisting box is derived from the tablebox class on which all the other boxes also rely. So you might have to duplicate the tablebox class under another name and assign that to the productlistingbox to manipulate that one alone.

Link to comment
Share on other sites

  • 4 weeks later...

Hey guy!

Ive been searching endlessly to do a custom layout for product listing.

 

I copied and past class tableBox and renamed it to NEWtableBox also renamed the functions. But I'm having a tough time to get my new layout to work.. Im trying to replace the standard layout with this..

 

 

<table border="1" width="100%">
 <tr>
<td width="20%">image_code</td>
<td width="20%">Product Type<br>
   product_type_code<br>
  Manufacturer<br>
  [Make] make_code<br>
  [Model] model_code
  [Code] code_code</td>
<td width="20%">descsripton_short_code</td>
<td width="20%">Sale Price<br>
  sale_price_code<br>
  Dental Dimension's Price<br>
  dim_price<br>
  <br>
  or lease for...<br>
  Monthly lease_code Month</td>
<td width="20%">add_to_cart
  <p>buy_now</p>
  <p>lease_now</td>
 </tr>
</table>

 

 

Any suggestions or pointers would be greatly appreciated! :thumbsup:

 

Thanks,

Mark

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...