X-Cart forums

[graybeard2k]

I have modified my cart so the detail image displays instead of the thumbnail image on my product pages. Now I want to remove the border around the detailed image on these pages, especially the upper part with the folder tab image. If removing the border on all 4 sides is complicated, my second choice would be to change the upper border to the thin line like the border on the other 3 sides.

I have looked in the customer/main/product.tpl and the dialog.tpl and the modules/Detailed_Product_Images/product_images.tpl. I don't seem to grasp what code is generating the border, especially the upper border. I have also spent several hours searching the forum for a post that already covered this, but had no luck.

Any help identifying which template and the code I need to change would be greatly appreciated. Thanks in advance.

[graybeard2k]

I made some progress but I still need help. I figured out how to remove the folder tab image on the top border, leaving a thin line around all 4 sides. That was my second choice if I couldn't remove the border completely.

But that still doesn't look the way I want. Mainly I'm trying to get the detailed image to appear higher on the screen by removing the folder tab image and border. Now I've removed the folder tab image but the detailed image doesn't display any higher. So back to my original question. How do I remove the border completely? And I need to do this in a way that the top of the detail image displays where the border used to be (actually, where the folder tab image used be, ie, top of this section of the page). Remember, I've modified the cart so the detail image displays where the thumbnail used to by default on the product pages.

Any help will be appreciated.

In case it is helpful to other newbies like me trying to understand how some of the x-cart templates interact, here's what I did to remove the folder tab image around my detailed images on the product page:
1) copied the dialog.tpl into a new template I called dialog_detail_image.tpl, then removed the reference to background="{$ImagesDir}/dialog_bg_n.gif" in the new template.
2) changed the reference in modules/Detail_Product_Images/product_images.tpl to the new template created in step 1, ie, from dialog.tpl to dialog_detail_image.tpl.

[vixnfox]

Hi,
dont know if this will help, but in skin1.css i have this:
img#borders {
border-style:inset;
border-color:#83B7E1;
border-width:2px;
}

you may be able to adapt to yr needs

Regards
vixnfox

[vixnfox]

oops you also need to add this to skin1\product_thumbnail.tpl

{if $config.Appearance.show_thumbnails eq "Y"}<img id="borders" 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}" />{/if}
{*if $config.Appearance.show_thumbnails eq "Y"}<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}" />{/if*}

the commented out line is the original