X-Cart forums - DialogBorder code change

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

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

- - DialogBorder code change (https://forum.x-cart.com/showthread.php?t=6611)

daveb1

03-07-2004 05:48 AM

DialogBorder code change

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

03-07-2004 11:19 PM

Just change the following in your css file:

.DialogBorder {
BACKGROUND-COLOR: #000000;
}

daveb1

03-07-2004 11:34 PM

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	03-08-2004 06:50 AM

take a look at

xcart/skin1/modules/Detailed_Product_Images/product_images.tpl

daveb1

03-08-2004 08:18 AM

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

03-08-2004 05:12 PM

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

daveb1

03-09-2004 12:42 AM

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	03-09-2004 04:37 AM

here is a new template code for

skin1/modules/detailed_product_images/product_images.tpl

Code:

{* $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

03-09-2004 08:20 AM

Hi Shan,

That didn't make any difference, sorry.

Any other thoughts... anyone?

Cheers

Dave

shan	03-09-2004 10:37 AM

try clear the templates cache

daveb1

03-12-2004 01:26 AM

Hi Shan,

Clearing the templates worked, thanks, and I can see that the border has dissappeared, as well as the Detailed Image label.

Is this the only option as far as changing this particular bit of the layout, ie. label and border on (the same colour as the main border) or label and border off?

I'm still trying to keep the border around the detailed image, but just have it a different colour to the outer border that surrounds the main product detail.

Cheers

Dave

shan	03-12-2004 03:31 AM

you could reset the file we just changed

make a copy of dialog.tpl and call it dialog2.tpl

call dialog2.tpl instead of dialog.tpl from our detail images file

make new class's in the new dialog2.tpl and skin1.css files too suit your needs

All times are GMT -8. The time now is 12:06 AM.