How to get products horizontal lined up?

[Guest]

Hi folks,

I checked Cubecart.com and cubecart.org for this solution, but I couldn't find one. Here it is:

When you create a category with products in it, the products within this category will show up vertically in the front-end.

Is there any mod or solution that can show the products horizontally. (For example 5 products horizontal and 4 rows)

Hope to hear some solution or mod.

Thnx again

[Guest slysop]

Hello, I have just started manipulating cube cart for a client of mine. I am doing the same here.

This is what you are going to have to do.

Open:

styleTemplates/content/viewCat.tpl

_____ EDITED _______

Ok sorry about that.

Here is the code. Just copy and paste and start from there.

I would advise to copy and past the css for latestProd to something new like horzontalProducts or something shorter, but you get the idea. If you ever change latest Products CSS you dont want your products that are displayed horizontally to be changed too.

HERE is the code___________

<!-- BEGIN: view_cat -->

<div class="boxContent">

<span class="txtContentTitle">{TXT_CAT_TITLE}</span>

<br clear="all" />

<!-- BEGIN: sub_cats -->

<div id="subCats">

<!-- BEGIN: sub_cats_loop -->

<div class="subCat">

<a href="index.php?act=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault"><img src="{IMG_CATEGORY}" alt="{TXT_CATEGORY}" border="0" title="{TXT_CATEGORY}" /></a><br />

<a href="index.php?act=viewCat&amp;catId={TXT_LINK_CATID}" class="txtDefault">{TXT_CATEGORY}</a> ({NO_PRODUCTS})

</div>

<!-- END: sub_cats_loop -->

</div>

<!-- END: sub_cats -->

<br clear="left" />

<!-- BEGIN: cat_img -->

<img src="{IMG_CURENT_CATEGORY}" alt="{TXT_CURENT_CATEGORY}" border="0" title="{TXT_CURENT_CATEGORY}" />

<!-- END: cat_img -->

<div><strong>{LANG_CURRENT_DIR}</strong> {CURRENT_DIR}</div>

<div class="pagination">{PAGINATION}</div>

<!-- BEGIN: productTable -->

<!-- BEGIN: products -->

<div class="latestProds">

<a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self"><img src="{SRC_PROD_THUMB}" alt="{TXT_TITLE}" border="0" title="{TXT_TITLE}" /></a>

<br />

<a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self" class="txtDefault"><strong>{TXT_TITLE}</strong></a> <br />

{TXT_DESC}

<div class="txtOutOfStock">{TXT_OUTOFSTOCK}</div>

<br />

{TXT_PRICE} <span class="txtSale">{TXT_SALE_PRICE}</span>

<div>

<form action="{CURRENT_URL}" method="post" name="prod{PRODUCT_ID}">

<!-- BEGIN: buy_btn -->

<input type="hidden" name="add" value="{PRODUCT_ID}" />

<input type="hidden" name="quan" value="1" />

<a href="java script:submitDoc('prod{PRODUCT_ID}');" target="_self" class="txtButton">{BTN_BUY}</a>

<!-- END: buy_btn -->

<a href="index.php?act=viewProd&amp;productId={PRODUCT_ID}" target="_self" class="txtButton">{BTN_MORE}</a>

</form>

</div>

</div>

<!-- END: products -->

<br clear="all" />

<!-- END: productTable -->

<!-- BEGIN: noProducts -->

<div>{TXT_NO_PRODUCTS}</div>

<!-- END: noProducts -->

<div class="pagination">{PAGINATION}</div>

</div>

<!-- END: view_cat -->

[Guest]

Don't forget to check the 3rdparty forum too! http://www.cubecartforums.org/index.php

Jen