X-Cart forums - Stupidly simple question

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Stupidly simple question - thumbnail borders (https://forum.x-cart.com/showthread.php?t=36830)

Stupidly simple question - thumbnail borders

How do I add a border to my thumbnails in the products page, featured products and product list?

I know it should be simple, I've looked at so many .tpl files but can't seem to find it, and not in the skin1 CSS either.

Please help me! These little things drive me mad.

(Also, does anyone find the search function on this board really, really terrible? It doesn't seem to allow you to search for threads containing both terms if you enter 2?)

Re: Stupidly simple question - thumbnail borders

And it's kinda ironic that you need the expertise of that thread in order to find the thread which has the expertise in it :roll: (phpBB user here)

Re: Stupidly simple question - thumbnail borders

For finding which template is which:

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

Also, webmaster mode will tell you exatly which templates are which, and then you can add/alter the CSS as required.

As for search, you should have seen how bad the old forum was...this just requires you to have boolean turned on as outlined in the thread above. FYI, that is mentioned in the 'new to X-Cart - read this' thread.

Re: Stupidly simple question - thumbnail borders

Tried that :( I've gone through the tpl files linked to the thumbnail, but can't figure out which one controls the border, and because there is no border by default, I'm not even sure where to put the code.

(Did I mention that I'm a newbie and a moron?)

Re: Stupidly simple question - thumbnail borders

You can use webmaster mode and find the tables that contain the products and try adding borders, but it might be easier to use CSS to put a div around the images. The following may get you started - you probably will need to refine it.

Add this to skin1.css:

Code:

.my_thumbnail {border: #00688B 2px solid; padding: 1px; margin: 2px;}

Then, where ever you want the border, add the div tags around it:
<div class="my_thumbnail"> </div>

For example - if you want, you could modify the product_thumbnail.tpl something like this:

Code:

 {* $Id: product_thumbnail.tpl,v 1.19.2.1 2007/07/09 05:00:35 svowl Exp $ *}

{if $config.Appearance.show_thumbnails eq "Y" or ($type ne "T" and $type ne "")}

<div class="my_thumbnail"><img{if $id ne ''} id="{$id}"{/if} src="{if $tmbn_url}{$tmbn_url}{else}{if $full_url}{$http_location}{else}{$xcart_web_dir}{/if}/image.php?type={$type|default:"T"}&amp;id={$productid}{/if}"{if $image_x ne 0} width="{$image_x}"{/if}{if $image_y ne 0} height="{$image_y}"{/if} alt="{$product|escape}" /></div>{/if}

Re: Stupidly simple question - thumbnail borders

Thanks for your reply :) I have added the line to the skin1.css. My product_thumbnail.tpl (under the dynamic images module) looks like this, so how do I apply the second part to this?

(removed code)

Re: Stupidly simple question - thumbnail borders

Sorry, I am not familiar with that mod. You'll need to figure out what code displays the images around which you want the borders. Or maybe someone else can assist.

Re: Stupidly simple question - thumbnail borders

I've sent (the ever patient) Telefirma a PM to ask if they can assist :)