Graphic link:

[kastlebrick]

I'll look into your question
but to answer the "active" question

I was using the

Code: Select all

img.link_image {
border: 0px none;
}
img.link_image:active {
position:relative;
top:2px;
left:2px;
}

..to make the buttons look like they pressed in when clicked... click the Volcano logo at the top of the page for the example

I'll write back soon

[kastlebrick]

I replaced the

Code: Select all

<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]" <img src="[-- OUTPUT_DIRECTORY_URL --]/media/[-- page.field1 --][-- page.field1 --]

with

Code: Select all

<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]" ><img src="[-- OUTPUT_DIRECTORY_URL --]/media/[-- page.field1 --]" alt="[-- page.field1 --]"  >

in field1 I had

Code: Select all

<img src="http://volcanodeluxe.com/store/images/buttons/homeglow.png" alt="" />

but when I replaced the above codes using homeglow.png <~that is what showed up in place of the button //even http://volcanodeluxe.com/store/images/b ... meglow.png showed up in it's place.

could it be the location of the button in the file manager.. it's not in the media

[-- OUTPUT_DIRECTORY_URL --]/media/[-- page.field1 --]

should it be

[-- OUTPUT_DIRECTORY_URL --]/store/images/buttons/[-- page.field1 --]

[Jim]

Yes you need to replace the "media" with the actual location of the image. By default all images in a ShopSite store are placed in the "media" directory but that can be changed by the host at install time.

Note that I just put the image name listed in page.field1 as the alt text so that is why you saw the image name and not the image itself. Since the image couldn't be displayed the alt text was.


Looking at the source of the page the image that moves (LOGO_FINAL!.PNG has a class assigned to it (class="link_image"). So what you need to do is apply that class to the other images.

Code: Select all

<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]" ><img  src="[-- OUTPUT_DIRECTORY_URL --]/media/[-- page.field1 --]" alt="[-- page.field1 --]"  >

becomes

Code: Select all

<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]" ><img class="link_image" src="[-- OUTPUT_DIRECTORY_URL --]/media/[-- page.field1 --]" alt="[-- page.field1 --]"  >

As a side note since you are modifying the template you could remove the comments about it being depreciated

Code: Select all

<!--
THIS TEMPLATE IS DEPRICATED AND IS NO LONGER MAINTAINED
The Awesome Orange templates now support multiple color
schemes, and should be used instead of this template.
 -->

[kastlebrick]

got it...

Code: Select all

<a href="[-- OUTPUT_DIRECTORY_URL --]/[-- PAGE.FileName --]" ><img class="link_image" src="[-- OUTPUT_DIRECTORY_URL --]/images/buttons/[-- page.field1 --]" alt="[-- page.field1 --]"  >

I thought that might be the case, before I had /store/image/buttons/ when it should have been /image/buttons/

and now have it correct, only the "homeglow.png" part of the link is in the feild1, not only that but I know understand more about it all, THANKS AGAIN Jim.

[Jim]

You're welcome, glad to help.