X-Cart forums

[a1deano]

Hi all iam try to put a boarder around each product, i presume its done by tables but can't find the .tpl to edit, this is for my new site iam working on which is xcart v4.1.8

I managed to do it for my live shop which is version 4.0.19 but the settings seem to be different in v4.1.8 have attached a pic to show you what i mean.


Thanks to all Dean

[WebboT]

look in your products_t.tpl for something like this:

<td style="border:

[ARW VISIONS]

use CSS.

[a1deano]

Hi Guys

I couldn't find the line - <td style="border: in the products_t.tpl

I did have a look last night in the "CSS file (skin1.css)" but wasn't to sure which part i needed to edit in there, could some just advise for me please.

Many thanks to all, regards Dean

[hhiker]

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:

{* $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:

{* $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:

{* $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:

{* $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.