X-Cart forums

[nikki]

The "See Details" button, under the product thumbnail, is in a fixed position. I have a larger default thumbnail size, 200x200, and want to re-align the "See Details" button so it is centered in the 200 pixel width. Where do I do that?

[balinor]

Are you using a single column display or multi-column? Good thread on which template is which here:

http://forum.x-cart.com/showthread.php?t=21529

Moving to Template Editing

[nikki]

Thanks,

I am using single column.

[balinor]

Then you'll want customer/main/products.tpl. Just set the table cell where the image resides to be center aligned (style="text-align: center;") and that should fix you right up.

[nikki]

I should demote myself back to newbie from member. I see the file, products.tpl. I can't find where to apply the code you suggested. Does it go here somewhere?

<td class="PListImgBox">
<div class="PListImgBox">
<a href="product.php?productid={$products[product].productid}&amp;cat={$cat}&amp;page={$navigation_p age}{if $featured eq 'Y'}&amp;featured{/if}">{include file="product_thumbnail.tpl" productid=$products[product].productid image_x=$config.Appearance.thumbnail_width product=$products[product].product tmbn_url=$products[product].tmbn_url}</a>

Please hold my hand a little more.

[pauldodman]

<td class="PListImgBox">
that is the "table cell" Padraic refers to.
Pop your bit of code in there:
<td style="text-align: center;" class="PListImgBox">

[nikki]

<td style="text-align: center;" class="PListImgBox">

This what the line looks like after. I did this in customer/main/products.tpl

Still the "See Details" button is way left of center. I didn't seem to move it at all.

[balinor]

You'll want to look at the PListImgBox class in skin1.css...it may be overriding the formatting of that cell.

[nikki]

Products list
*/
TD.PListImgBox {
WIDTH: 500px;
TEXT-ALIGN: center;
VERTICAL-ALIGN: top;
WHITE-SPACE: nowrap;
PADDING-RIGHT: 8px;
}

This is what's in skin1.css