Популярное в каталоге - изображение по центру

 
{if $is_uc}
    {if $cfg.showtype == 'thumb'}
{literal}
левая угловая style type="text/css">
    .block {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .in_block {
        table-layout: fixed;
        width: 100%;
    }
    .in_block_data {
        display: table-cell;
        float: none;
        margin: 0 auto;
        left: auto;
        right: auto;
        overflow: hidden;
        vertical-align: top;
    }
левая угловая /style>
{/literal}
{assign var="col" value="1"}
{foreach key=tid item=item from=$items}
    {if $col==1} <div class="block"><div class="in_block" align="center"><div class="in_block_data" align="center"> {/if}
        <div class="uc_latest_item">
<table border="0" cellspacing="2" cellpadding="0" width="100%">
    <tr><td height="110" align="center" valign="middle"><a href="/catalog/item{$item.id}.html"><img alt="{$item.title}" src="/images/catalog/small/{$item.imageurl}.jpg" border="0" /></a></td></tr>
    <tr><td align="center" valign="middle"><a class="uc_latest_link" href="/catalog/item{$item.id}.html">{$item.title}</a></td></tr>
{if $item.viewtype == 'shop'}
    <tr><td align="center" valign="middle"><div id="uc_popular_price">{$item.price} {$LANG.UC_POPULAR_RUB}</div></td></tr>
{/if}
</table>
        </div>
    {if $col==4} </div></div></div> {assign var="col" value="1"} {else} {math equation="x + 1" x=$col assign="col"} {/if}
{/foreach}
{/if}
 
{*** эту часть вставлять не нужно **********************************************
незабываем что ширина самих позиций товаров задаётся в styles.css (строка ~1114)
определения стилий из верхушки тоже лучше перенести в файл ^^^^^^^
.uc_latest_item {
    background-color: #FFFFFF;
    border: 1px solid silver;
    display: block;
    float: left;
    height: 170px;
    margin: 2px;
    padding: 2px;
    text-align: center;
    width: 140px;          /* ширина товарной позиции */
}
*************************}