X-Cart forums - View Single Post - Looking for table settings boarder around each item

hhiker · #5 09-10-2007, 06:30 AM

There are a few ways to do this. If you just want the border like in the picture, you need to do the following:

In products_t.tpl (for multi-column layout) the top will look like:

Code:

{* $Id: products_t.tpl,v 1.30.2.4 2006/11/27 11:40:25 max Exp $ *}
<table width="100%" cellpadding="0" cellspacing="0" valign="top">
<tr>
 <td>
<table width="100%" cellpadding="5" cellspacing="5">
{math equation="floor(100/x)" x=$config.Appearance.products_per_row assign="width"}

Add the red (shown below) into that code:

Code:

{* $Id: products_t.tpl,v 1.30.2.4 2006/11/27 11:40:25 max Exp $ *}
<table width="100%" cellpadding="0" cellspacing="0" valign="top">
<tr>
 <td>
<table width="100%" cellpadding="5" cellspacing="5" border="3">
{math equation="floor(100/x)" x=$config.Appearance.products_per_row assign="width"}

You can change that number to any that you like.

If you are doing a single column layout you will edit products.tpl as follows

Original:

Code:

{* $Id: products.tpl,v 1.72.2.3 2006/11/27 11:40:25 max Exp $ *}
{if $active_modules.Feature_Comparison ne '' && $products && $printable ne 'Y' && $products_has_fclasses}
{include file="modules/Feature_Comparison/compare_selected_button.tpl"}
{include file="modules/Feature_Comparison/products_check_js.tpl"}
{/if}
{if $usertype eq "C" and $config.Appearance.products_per_row ne "" and $config.Appearance.products_per_row gt 0 and $config.Appearance.products_per_row lt 4 and ($featured eq "Y" or $config.Appearance.featured_only_multicolumn eq "N")}
{include file="customer/main/products_t.tpl" products=$products}
{else}
{if $products}
{section name=product loop=$products}
{assign var="discount" value=0}
<table width="100%">

to:

Code:

{* $Id: products.tpl,v 1.72.2.3 2006/11/27 11:40:25 max Exp $ *}
{if $active_modules.Feature_Comparison ne '' && $products && $printable ne 'Y' && $products_has_fclasses}
{include file="modules/Feature_Comparison/compare_selected_button.tpl"}
{include file="modules/Feature_Comparison/products_check_js.tpl"}
{/if}
{if $usertype eq "C" and $config.Appearance.products_per_row ne "" and $config.Appearance.products_per_row gt 0 and $config.Appearance.products_per_row lt 4 and ($featured eq "Y" or $config.Appearance.featured_only_multicolumn eq "N")}
{include file="customer/main/products_t.tpl" products=$products}
{else}
{if $products}
{section name=product loop=$products}
{assign var="discount" value=0}
<table width="100%" border="3">

If you want to change the color of the border or do anything fancier than what you showed in the picture, you will have to use CSS.