X-Cart forums

[thewho]

i have 10 products in Featured Products, 2 products per row.
i would like to display around every products a box
(so i will have 2 boxes per row multiply 5, eg 10 products)

[B00MER]

Try adding this to skin1.css:

.TableThumbnailBorder {
	border: 1px #000000 solid;
}

[AnimeJeff]

Originally Posted by B00MER

Try adding this to skin1.css:

.TableThumbnailBorder {
	border: 1px #000000 solid;
}

I tried this, however it put a box around the whole featured products as a group. How would we put lines between the individual products?

[jburba2000]

after you have added the "TableThumbnailBorders" class to the css file, you need to change the following in the products_t template:

Change:

<table border=0 width=100% cellpadding=0 cellspacing=0><tr><td class="ThumbNailBorder">

<table border=0 width=100% cellpadding=5 cellspacing=1>

{math equation="floor(100/x)" x=$config.Appearance.products_per_row assign="width"}

{section name=product loop=$products}

{if %product.index% is div by $config.Appearance.products_per_row}
<tr>
{assign var="cell_counter" value=0}
{/if}

{math equation="x+1" x=$cell_counter assign="cell_counter" }

<td align=center valign=top width="{$width}%" class="DialogBox">

To:

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

<table border=0 width=100% cellpadding=5 cellspacing=1>

{math equation="floor(100/x)" x=$config.Appearance.products_per_row assign="width"}

{section name=product loop=$products}

{if %product.index% is div by $config.Appearance.products_per_row}
<tr>
{assign var="cell_counter" value=0}
{/if}

{math equation="x+1" x=$cell_counter assign="cell_counter" }

<td align=center valign=top width="{$width}%" class="ThumbNailBorder">

This should work if you are listing ONLY featured products in multitabular format. I have not figured out the {if}/{else} statements yet to make it work on ONLY featured products if you list your regular products in multitab format also.