X-Cart forums - 2-3 products per row viewing in product listing

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - 2-3 products per row viewing in product listing (https://forum.x-cart.com/showthread.php?t=213)

2-3 products per row viewing in product listing

I see that the new version has the option to list 2 or 3 products per row, but I have not gotten this thing to work. Anyone get this to show properly?
Once I do get this, I would like to do the same for like "related products" section. It is in bullets now, but I would like to show thumbnail along with short description. Showing at least 3 per row.

What exactly are you refering to? :?

Sorry if i wasn't clear. what i'm trying to do is to display 3 products per row win the main window. default now only displays 1 per row. The page i am talking about is the product listing page with the thumbnails.
how and what page do i need to modify to reflect this?

i would also like to do the same for the recommended list table. presently, it shows text only with link, but i would like to show a thumbnail 3 per row with a short description.

thanks in advance.

I would also like to do the same. If you have a large number of products in each category, it would be nice to see 2 or 3 per row instead of just 1.

Anyone know how to achieve this?

[skin1]/customer/main/products.tpl

Code:

<table border=0 width=100%><tr><td>



  <table border=0 width=100%>



  {section name=product loop=$products}

  {if $smarty.section.product.index is div by 2}

    </tr><tr valign="top">

  {/if}



  <td valign="top">



    <table border=0 width=100%><tr>

      <td width=90 align=center valign=top><a href=product.php?productid={$products[product].productid}&cat={$cat}&page={$navigation_page}>{include file="product_thumbnail.tpl" productid=$products[product].productid image_x=70 product=$products[product].product}

{ $lng.lbl_see_details }</a></td>

      <td valign=top>{$products[product].product|escape}</font> <font class=TableCenterProductTitleOrange></font><font size=1>



{$products[product].descr|truncate:100:"...":true}

</font><hr size=1 noshade width=130 align=left>

      {if $active_modules.Subscriptions ne "" and $products[product].catalogprice}

      {include file="modules/Subscriptions/subscription_info_inlist.tpl"}

      {else}

      {if $products[product].price ne 0}

      {if $products[product].discount ne 0}

      <font class=MarketPrice>{$lng.lbl_market_price}: <s>{math equation="(price/(100-discount))*100" price=$products[product].price discount=$products[product].discount format="%d.00" assign=unformatted}{include file="currency.tpl" value=$unformatted}</s></font>




      {/if}

      <font class=TableCenterProductTitleOrange>{$lng.lbl_our_price}: {include file="currency.tpl" value=$products[product].price}</font><font class=MarketPrice>{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$products[product].price}</font>{if $products[product].discount ne 0}, save {$products[product].discount}%{/if}

      {else}

      <font class=TableCenterProductTitleOrange>{$lng.lbl_enter_your_price}</font>

      {/if}

      {/if}

      </td></tr>

    </table>



  </td>



  {/section}



</td></tr></table>

</td></tr></table>

Change is div by 2 to adjust columns, I also truncated the description by 200 less charchters as well as adjusted the table size so 2-3 would fit, anyone going over that is going to get a horizontal scrollbar.

hth. :wink:

Thanks works great....

You the MAN... :D

thanks! works fine here also

Dunno why I missed this post, but I'm glad I found it :lol:

Quote:

Originally Posted by matt

Dunno why I missed this post, but I'm glad I found it :lol:

Same here!

In addition...if you want to make it look a little neater, you can adjust the border width. :)

Thanks boomer thats grrrreat!!!!!!!!!!!!!