X-Cart forums

[daveb1]

Hi all

Hopfully a quick one for you.

On the standard (3.5.3) cart, when you show a detailed product, it uses the DialogBorder class to show a line around the whole product listing, and also around the detailed image. How can I chenge the line colour around the image?

I've added a new class called DialogBorderDI to the skin1.css, but I can't find where to apply it. I'm sure it's easy, but I've not found the answer yet.

Cheers

Dave

[enge919]

Just change the following in your css file:

.DialogBorder {
BACKGROUND-COLOR: #000000;
}

[daveb1]

HI enge919

That changes both the border round the image, AND the whole product. I just want the border round the detailed image to change, but leave the border round the product as it is. That's why I assume you have to make a new class for the image border, but I can't find how to reference it.

Cheers

Dave

[shan]

take a look at

xcart/skin1/modules/Detailed_Product_Images/product_images.tpl

[daveb1]

Hi Shan,

I see the template, but I don't see where it references the CSS file anywhere. I see where it is called in products.tpl. Wouldn't the modification be in there?

Dave

[concepts]

find the code the the detail image, make another css for it and load it up with a class call

[daveb1]

Sorry guys, I don't think I've explained myself very well...

Here's a link to an example page http://jellybeangifts.co.uk/jshop/catalog/Funky-Blue-Blanket.html See the red border that connects to the heading "Funky Blue Blanket" that goes all the way round the details, image, cart stuff etc. Now look at the red border connected to the "Detailed Image" header... I want that border to be blue, with the other border staying red.

There must be a specific call to the DialogBox class in the css file that shows both these borders? If there isn't, can someone explain how they get there please as I obviously don't get it! I'm still learning this stuff so a little detail would be great.

Cheers

Dave

[shan]

here is a new template code for

skin1/modules/detailed_product_images/product_images.tpl

{* $Id: product_images.tpl,v 1.10 2003/08/11 10:45:10 svowl Exp $ *}
{if $images ne ""}

{section name=image loop=$images}
{if $images[image].avail eq "Y"}
{if $images[image].tmbn_url}
[img]{$images[image].tmbn_url}[/img]
{else}
[img]{$xcart_web_dir}/product_image.php?imageid={$images[image].imageid}[/img]
{/if}




{/if}
{/section}
{/if}

try that, the code was taken from a 3.5.4 install

all i have done is removed the dialog border that surrounds it.

BTW, i didnt test this so backup your original first

[daveb1]

Hi Shan,

That didn't make any difference, sorry.

Any other thoughts... anyone?

Cheers

Dave

[shan]

try clear the templates cache