Changing ezpages header to an image..

along with the search, currencies, who's online headers, etc.

I have manipulated the code, added images, taken advice from other threads and I just cannot get my images to show up. Any advice would be much appreciated.

Thanks!

Link to your site............

http://theprissypantsbowtique.com

Sorry about that!

I'm guessing you've done the basics, i.e. saved the image to the correct file and then copied it accross from your ftp client...?

If you have can you just post your css for one of those divs.

I did. I saved the file in my images. Is it supposed to go somewhere else? I am clueless. I have edited the ez_pages_definitions.php to include my image, but now instead of an image it just shows "links.png" on my website (which is the image name) instead of the image. I know I'm missing a step somewhere.

Have you added any padding for the image.

If its showing that message instead of the image its usually because of the wrong coding, you don't need to edit that file if i understand what your trying to do correctly.

To put background images onto headings that already exist you need to edit the stylesheet.

#ezPagesHeading {
background-image: url(../images/YOUR_IMAGE_NAME.jpg);
background-repeat: no-repeat;
margin: 0em;
padding: 5px;
}

You could also look at:

#navEZPagesTop

#ezpages

I am wanting my right side box to look just like the left. I am wanting to replace all of the text "important links, search, currencies, etc" with images.

Is there a certain place in the stylesheet where

#ezPagesHeading {
background-image: url(../images/YOUR_IMAGE_NAME.jpg);
background-repeat: no-repeat;
margin: 0em;
padding: 5px;
}

needs to go? I put it in mine and it didn't do anything.

Thank you for all of your help!

I tried to do the "search" text just now and this is what I did:

I changed the sideboxes/search.php to this:

require($template->get_template_dir('tpl_search.php',DIR_WS_TEMPLATE, $current_page_base,'sideboxes'). '/tpl_search.php');

$title = zen_image($template->get_template_dir(BOX_HEADING_SEARCH, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . BOX_HEADING_SEARCH, HEADER_ALT_TEXT);
$title_link = false;
require($template->get_template_dir($column_box_default, DIR_WS_TEMPLATE, $current_page_base,'common') . '/' . $column_box_default);

and I changed my templates/english.php to this:

// quick_find box text in sideboxes/quick_find.php
define('BOX_HEADING_SEARCH', 'SEARCH.PNG');
define('BOX_SEARCH_ADVANCED_SEARCH', 'Advanced Search');

to include my image that I have saved for the search header.

Now, my search heading is completely gone. Am I just making this too difficult?

You are indeed. :D

Put the files back to the state they were in. Un-do the hard code changes you made, the images can be done easy enough in the stylesheet. You should'nt be editing any php files.

#ezpagesHeading {
background-image: url(../images/side_box_header.jpg);
}

Where i have side_box_header, you just put your image name.

You can also use:

.rightBoxHeading {
background-image: url(../images/boxheader.gif);
margin: 0em;
padding: 9px 0px;
}

Just replace the image name, padding etc to suit your site.

Just in case, check what your typing into the stylesheet as css is case sensitive, so for instance notice on the statement.

.rightBoxHeading

That it is lower case 'r' and upper case 'B' and 'H'

Leave it to me to make it much harder than it needed to be!! It is working perfectly now. Thank you so much for all of your help. :clap:

Glad to help.

I swear this is the last time I am going to bug you over this. :) Now, I have my image in for my search header, but I cannot remove the "search"text. I removed it from the english.php file. Is there somewhere else I need to remove it from?

It is also doing it on my currencies and on my languages..although I can't get my images to show up for either of those, but I'm sure I can fix that.

Thank you, once again.

You need to change that in:

inludes/languages/english.php

But the problem i think your having is that you have made an override file for english.php which as the name suggests is overiding it. So check here.

includes/languages/YOUR_TEMPLATE_NAME/english.php

It is deffinatey the english.php file which controls this, but you need to edit the override you created to make any changes.

If you can't find the correct english.php file to edit go to your zencart admin.

admin>tools>developers tool kit. In the last box down "look up in all files" type.

english.php

It will let you know where they are.

:bigups: Wow, how I overlooked that one, I'll never know! It is fixed and looks great! Now, if I could just figure out how to get my "who's online" image to show I would be set!

#whosonlineHeading {
background-image: url(../images/side_box_header.jpg);
}

Figured it out. I had the images in the wrong folder. :)

Thank you so much for all of your help!

Sorry I got here late... You can use Image Titles in Free Addons to replace sidebox headings with images. It works automatically for any sidebox where you save an image with the correct filename, no extra coding needed. It also handles the cases where the heading is a link, removing the [more] that appears by default after the title.