Extended Info Link Style change

[magicalwonders]

Hi Folks,

I'm currently putting together my own style sheet for controlling the look of my store.

As I have removed all the Actinic stuff, the extended info link is presently appearing the same as all my other links.

http://www.magicalwonders.com/acatal..._Products.html

I know that I should be able to specify a different style by creating a selector and wrapping the appropriate NQV with a span class="whatever"

But, what is the appropriate NQV ?


I think I've tracked it down to the Act_Productimage template.

Is this the code I need to apply my style to?

<IMG SRC="NETQUOTEVAR:IMAGEFILE"
ALT="NETQUOTEVAR:ALTERNATETEXT"
BORDER=0
NETQUOTEVAR:IMAGEHEIGHT
NETQUOTEVAR:IMAGEWIDTH
NETQUOTEVAR:OTHERIMAGEMARKUP>

Hope someone can confirm I'm right.....or wrong!

Thanks,

Myles

[NormanRouxel]

Design / Text / Goto / Phase -1, ID 1191

[magicalwonders]

Thanks Norman,

I must be doing something wrong though.

I've created the following in the style sheet:

a.extinfolink:link{
color:blue;
text-decoration:none;
}

a.extinfolink:visited{
color:red;
text-decoration:none;
}

a.extinfolink:hover{
color: red;
text-decoration:none;
}

a.extinfolink:active{
color:blue;
text-decoration:none;
}

I tried using <class="extinfolink" A HREF="%s"> first of all at 1191 but that broke the link function completely.

I then tried <span class="extinfolink"><A HREF="%s"> at 1191 and </A></span> at 1192 but the link then reacted no different to the other links. I've only tried this in preview mode. Don't know if that should make a difference.

Am I doing something obviously wrong?

Myles

[NormanRouxel]

That

<class="extinfolink" A HREF="%s">

should be

<A HREF="%s" class="extinfolink">

(The bit after the < determines the tag type and it's an <A ...> tag we want, with an added bit off class)

[magicalwonders]

Thanks Norman,

It would seem my "CSS Web Design for Dummies" has got it wrong (page 273).

In their example, they have the class coming before the href. Your version has done the trick!

Thanks!

Myles

[magicalwonders]

One last enquiry on this topic.

I'm also trying to affect the colour of the "Close Window" in the pop up window.

I've tried adding class="extinfolink" to the javascript in Act_extendedinfo template as follows:

if (window.name != "ActPopup")
{
document.write('NETQUOTEVAR:CLOSELINK');
}
else
{
document.write('<A HREF="javascript:window.close();" class="extinfolink">NETQUOTEVAR:CLOSELABEL</A>');
}

But it would seem that this is not the right way to influence this particular link. Any pointers on this one?

Myles

[NormanRouxel]

The popup pages use actinic.css so they should pick up any styles you've added there. If, however, you've added your custom styles in a separate stylesheet, then you'll have to add that into the HEAD section of the Extended Info Template.

[magicalwonders]

Not sure I understand what is happening here.

I'm just using the one style sheet actinic.css which includes the following:

a:link{
color:black;
font-size:x-small;
text-decoration:none;
}

a:visited{
color:black;
font-size:x-small;
text-decoration:none;
}

a:hover{
color: #E7E7E7 ;
background: black ;
font-size:x-small;
text-decoration:underline;
}

a:active{
color:black;
font-size:x-small;
text-decoration:none;
}

a.extinfolink:link{
color:blue;
background: none;
text-decoration:none;
}

a.extinfolink:visited{
color:red;
background: none;
text-decoration:none;
}

a.extinfolink:hover{
color: green;
background: none;
text-decoration:none;
}

a.extinfolink:active{
color:red;
background: none;
text-decoration:none;
}

http://www.magicalwonders.com/acatal..._Products.html

As an experiment I've changed the a:link to text-decoration:none; instead of underline. It confirms that it is this style that the "Close Window" is reacting to. For some reason, although my custom style "extinfolink" is working for the first pop up link, it is falling back on the original style for closing the window!

Not sure how to fix this.

Myles

[wjcampbe]

Myles, can you show us the code you are using to assign the class to the close window link?

[jont]

Myles - in post 6 you have only the one class specified in the "else" statement and not also in the "if" statement - is that making any difference depending on how the pop up is opened?

[magicalwonders]

Hello Bill,

I've just uploaded the site again. I'm not sure if it contained the code that wasn't working (if that makes any sense!).

Anyway, the following is now included in the act_extendedinfo template:

if (window.name != "ActPopup")
{
document.write('NETQUOTEVAR:CLOSELINK');
}
else
{
document.write('<A HREF="javascript:window.close();" class="extinfolink">NETQUOTEVAR:CLOSELABEL</A>');
}

Unfortunatley it doesn't work. I've also tried <span class="extinfolink">NQV:CLOSELABEL</span></a>' etc., but it doesn't like that either.

My knowledge of javascript is zero which probably doesn't help, so no doubt I've made a complete pigs ear of it.

Myles

[magicalwonders]

Hello Jonty,

I didn't see your post until just now. I've tried adding in the class to the "if" statement:

if (window.name != "ActPopup" class="extinfolink")

But it doesn't seem to change anything.

Myles

[wjcampbe]

Myles - I think it's worth exploring this link http://css.somepeople.net/dynamic and http://www.w3schools.com/htmldom/dom_obj_style.asp

[magicalwonders]

Just a quick update...

Have gone through checking the results of specifying different layouts for the extended info window. They are all the same except

Name and info text displayed right of image

This option doesn't show the Close Window at all!

I should be able to fix this by specifying the correct template in "ExtendedTemplates" file. Or editing the file it currently names.

What is a concern is that I haven't done any work on these templates. This feature seems to have gone pear shaped since upgrading to 7.04
Am now wondering if the CSS link issue is because something else has been changed that I don't know about!

[magicalwonders]

Thanks Bill,

I'll take a close look at the info.

Myles