Zen Cart Logo

EZ-Page Link Images

Locked

Views: 3,766

Results 1 to 13 of 13
This thread is locked. New replies are disabled.
7 Jan 2008, 6:35 PM
#1
untitled10101 avatar

untitled10101

New Zenner

Join Date:
Jan 2008
Posts:
21
Plugin Contributions:
0

EZ-Page Link Images

Hello,

Sorry if this double post gets people mad, but I thought I should clarify my question:

I have a bunch of ez-pages; contact us; about us; etc...

The links are appearing in my header.

I would like to change this links so that they display as an image instead of text.

Any help would be greatly appreciated....

Thanks

8 Jan 2008, 10:12 PM
#2
cherry_red_boutique avatar

cherry_red_boutique

New Zenner

Join Date:
Jan 2008
Posts:
4
Plugin Contributions:
0

Re: EZ-Page Link Images

I'm also trying to do the same thing, but I wasn't able to find anything in the forums :(

26 Jan 2008, 3:44 PM
#3
bdcreations avatar

bdcreations

New Zenner

Join Date:
Feb 2007
Location:
Canada
Posts:
83
Plugin Contributions:
0

Re: EZ-Page Link Images

Ditto - same here and have been seraching for days but can find nothing...even in the tuts instructions on changing to images does not apply to all sidebox content as I cannot change the IMPORTANT LINKS, WHO'S ONLINE or SEARCH from text to images...

Anyone know???

26 Jan 2008, 4:14 PM
#4
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: EZ-Page Link Images

untitled10101:

Hello,

Sorry if this double post gets people mad, but I thought I should clarify my question:

I have a bunch of ez-pages; contact us; about us; etc...

The links are appearing in my header.

I would like to change this links so that they display as an image instead of text.

Any help would be greatly appreciated....

Thanks

cherry_red_boutique:

I'm also trying to do the same thing, but I wasn't able to find anything in the forums :(

BDCreations:

Ditto - same here and have been seraching for days but can find nothing...even in the tuts instructions on changing to images does not apply to all sidebox content as I cannot change the IMPORTANT LINKS, WHO'S ONLINE or SEARCH from text to images...

Anyone know???

You can style the links in your stylesheet.css

find and/or add the following declaration:

#navEZPagesTop a {
	padding: 0 0.5em 0 0.5em;
background-image: url(../YOUR_IMAGE.???) no-repeat;
	color: #854401;
}

add a background-image (as indicated by the highlighted portion) and adjust the padding and color to whatever you need.

26 Jan 2008, 4:30 PM
#5
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: EZ-Page Link Images

BDCreations:

Ditto - same here and have been seraching for days but can find nothing...even in the tuts instructions on changing to images does not apply to all sidebox content as I cannot change the IMPORTANT LINKS, WHO'S ONLINE or SEARCH from text to images...

Anyone know???

SEARCH can be found in languages/english.php
define('BOX_HEADING_SEARCH', 'Search');

WHO'S ONLINE can be found in languages/english/whos_online.php
define('BOX_HEADING_WHOS_ONLINE', 'Who's Online');

IMPORTANT LINKS can be found in languages/english/extra_definitions/ez_pages_definitions.php
define('BOX_HEADING_EZPAGES','Important Links');

With this information you should be able to use the instructions in the tutorials for using images for sidebox headers.

23 Feb 2008, 11:29 PM
#6
noneya99 avatar

noneya99

New Zenner

Join Date:
May 2004
Location:
Nathalie,Virginia
Posts:
78
Plugin Contributions:
0

Re: EZ-Page Link Images

clydejones:

SEARCH can be found in languages/english.php
define('BOX_HEADING_SEARCH', 'Search');

WHO'S ONLINE can be found in languages/english/whos_online.php
define('BOX_HEADING_WHOS_ONLINE', 'Who's Online');

IMPORTANT LINKS can be found in languages/english/extra_definitions/ez_pages_definitions.php
define('BOX_HEADING_EZPAGES','Important Links');

With this information you should be able to use the instructions in the tutorials for using images for sidebox headers.

How about using images for the Ez page links at the top. What I'm trying to do is make EZpages for affiliate links they would be listed across the top and the bottom of every page just like the text links would be for the ezpages .. so instead of having :home: Text:ex1:ez2:ez3:etc: I would have Home: Image1: Images2: Image3: Image4: and so on i'm trying to find the ez page files to see if there is a specific place where it tells it to be text and see if i can add an image .. or does anyone know of a different way I can accomplish this

Please see the images attached image6 is the way it is now with text image 7 is the way I'd like it to be (or similar) with images

Thank you

24 Feb 2008, 4:09 AM
#7
noneya99 avatar

noneya99

New Zenner

Join Date:
May 2004
Location:
Nathalie,Virginia
Posts:
78
Plugin Contributions:
0

Re: EZ-Page Link Images

Just wanted to post that I found a solution to my problem after some researching .. i went in and edited my tpl_header and make custom links below the reference to the logo and ezpages to add my images and links and then edited my stylesheet to reflect the new "navmainwrapper" section i added and to adjust the size looks / works great

25 Feb 2008, 2:02 PM
#8
llama_de_anor avatar

llama_de_anor

New Zenner

Join Date:
Nov 2007
Location:
Girona (Spain)
Posts:
31
Plugin Contributions:
0

Re: EZ-Page Link Images

Hi, Noneya99

I'm just trying to do the same. Display images instead text on navezpagestop. You say you added links to your images? I will be very grateful to you if you could transcribe an example of what you had done.

You added it below the highlighted in red?

<!--bof-header ezpage links-->
<?php if (EZPAGES_STATUS_HEADER == '1' or (EZPAGES_STATUS_HEADER == '2' and (strstr(EXCLUDE_ADMIN_IP_FOR_MAINTENANCE, $_SERVER['REMOTE_ADDR'])))) { ?>
<?php require($template->get_template_dir('tpl_ezpages_bar_header.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_ezpages_bar_header.php'); ?>
<?php } ?>
<!--eof-header ezpage links-->
</div>
<?php } ?>

Thank you in advance

29 Feb 2008, 9:26 AM
#9
llama_de_anor avatar

llama_de_anor

New Zenner

Join Date:
Nov 2007
Location:
Girona (Spain)
Posts:
31
Plugin Contributions:
0

Re: EZ-Page Link Images

Hi!

I'm still trying to figure what code I have to add or modify to tpl_header to show images on navezpagestop instead of text. I don't know very much about php :no: and I'm totally lost with this. :wacko:

Does anybody knows how to do it and bring me some help.

Thank you very much in advance.

2 Mar 2008, 1:52 PM
#10
llama_de_anor avatar

llama_de_anor

New Zenner

Join Date:
Nov 2007
Location:
Girona (Spain)
Posts:
31
Plugin Contributions:
0

Re: EZ-Page Link Images

Hello to everyone,

Finally, after hours looking for how to insert images in the ez-pages nav bar, I have created an image-map that it's quite near my first idea. I explain what I do with the idea it could help someone else.

I modify the tpl_header.php this way:

<img src="http://www.yoursite.com/root where you have your image/yourimagename.jpg" usemap="#yourmapname" width="xxx" height="xxx" border="0" style="margin-left: xxxpx" style="margin-top:xxxpx" style="margin-right:xxxpx" />
<map name="yourmapname">
<area shape="rect" coords="0,0,73,36" href="your domain internal link" />
</map>

Following this tutorial: http://www.lissaexplains.com/fun6.shtml

You can see it working in http://www.catacracks.es
Eventhough only "And1" link is configured right now.

Hope it could be useful.

see you!

1 Apr 2008, 9:28 PM
#11
nhradeuce avatar

nhradeuce

New Zenner

Join Date:
Sep 2006
Posts:
64
Plugin Contributions:
0

Re: EZ-Page Link Images

In order to use an image for a link instead of text, you have to have a way to associate an image with the specific EZ Page you are linking to. The easiest way to do this is to name the image the same as the EZ Page ID. For example, you would name your images 1.gif, 2.gif or 1.jpg, 2.jpg etc. Now that we have a naming convention, all we need to do is replace the text link with some code to insert an image.

Open tpl_ezpages_bar_header.php and find:

<a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo $var_linksList[$i]['name']; ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>

Replace that with:

<a href="<?php echo $var_linksList[$i]['link']; ?>"><?php echo zen_image($template->get_template_dir($var_linksList[$i]['id'].'.gif', DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . $var_linksList[$i]['id'].'.gif'); ?></a><?php echo ($i < $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>

Voilà! Images instead of text for your EZ pages.

29 May 2008, 2:18 PM
#13
busymom avatar

busymom

New Zenner

Join Date:
Jul 2007
Posts:
61
Plugin Contributions:
0

Re: EZ-Page Link Images

Thanks for adding the pointer Misty - I didn't know where to put that post and unbelievably, in all my searching, I never saw this thread! :shocking:

Karen