Page 1 of 2 12 LastLast
Results 1 to 10 of 14
  1. #1
    Join Date
    Apr 2006
    Posts
    242
    Plugin Contributions
    0

    Default Spliced image links replace header..

    Ok I have made a spliced menu in fireworks/photoshop.

    Most of you know they saves as many images with a html file.

    Where can I add this code in tpl_header.php Like line number? or what code sould I replace?.... for my Html spliced menu you display.

    I seen alot of post about it just not sure where to stick the code.

    Yea I did use the search function nothing goes into great detail.

    also using zen-cart 1.3.5

    THANKS!

  2. #2
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Spliced image links replace header..

    It may be a starting point for reference, related to Header Menu, JavaScript, image locations and Fireworks.
    And in the topic of:
    On-load javascript
    A New Starter again

  3. #3
    Join Date
    Apr 2006
    Posts
    242
    Plugin Contributions
    0

    Default Re: Spliced image links replace header..

    Ok thanks for that got it working... however...

    I used a drop down CSS menu

    Which works fine other then when you view the products page like...http://jailhousedistro.com/index.php...&products_id=1

    The menu works fine on other pages like http://jailhousedistro.com/

    The drop down menu will come up once then won't come back up any ideas how to fix this? I think it maybe the image popup javascript conflicting with my menu javascript.

    Have I put something in a incorrect area?

  4. #4
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Spliced image links replace header..

    In line 19 of your page source, <script> missing '>' for end of tag.
    Code:
    <script type="text/javascript" src="/includes/templates/jscript_header.js"</script>
    Note at the end of line, it should be
    Code:
    <script type="text/javascript" src="/includes/templates/jscript_header.js"></script>
    Will it been caused by the "> of your file of jscript_header.js
    Code:
    1MM_preloadImages('bob_r2_c2_f2.gif','bob_r2_c2_f3.gif','bob_r3_c4_f2.gif','bob_r3_c4_f3.gif','bob_r3_c6_f2.gif','bob_r3_c6_f3.gif','bob_r3_c12_f2.gif','bob_r3_c12_f3.gif','bob_r4_c8_f2.gif','bob_r4_c8_f3.gif','bob_r4_c10_f2.gif','bob_r4_c10_f3.gif');">
    Try remove it and see what happen.
    A New Starter again

  5. #5
    Join Date
    Apr 2006
    Posts
    242
    Plugin Contributions
    0

    Default Re: Spliced image links replace header..

    thanks for pointing those out! :)

    However

    Didn't seem to solve the issue anyother ideas what maybe causing it?

  6. #6
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Spliced image links replace header..

    Your page is with errors and some of the insertions of orverride and javascript seems not right.
    At least, from the source, the address are wrong.
    Code:
    //--></script>
    <script type="text/javascript" src="/includes/templates/jscript_header.js"></script>
    
    <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
    For time saving, instead of guessing and prevent errors from both sides.
    If possible give the javascripts and related files. I will carry out the basic test in my side and give you the basic report.
    A New Starter again

  7. #7
    Join Date
    Apr 2006
    Posts
    242
    Plugin Contributions
    0

    Default Re: Spliced image links replace header..

    http://jailhousedistro.com/files.zip

    Thats all the files I edited + the gifs.

    Thanks for the help. Let me know if you need anything else.

    If anyone else knows what might be wrong your welcome to give those files a look too. :)

    Wanted to post it here so people will know how to fix it if it happens to them. I'll post the solution here also.

  8. #8
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Spliced image links replace header..

    First, you are using the default demo template - classic.
    It is not wise to use it directly for your add on and modifications, it will be over wirte in the future upgrade. And you will create more troubles in upgrading.

    Suggest to use your own template for that and it is easy.
    My steps,
    1. copy the classic template directory to a new template directory, called
    includes/templates/classic_1

    2. and modify the file for your own use
    includes/templates/classic_1/template_info.php
    Code:
    $template_name = 'Classic Contemporary Green';
    3. For example, to read as
    Code:
    $template_name = 'My Classic Contemporary Green';
    Then within a minute or two, you can clone a template to use.
    And for the follwing example, I will use the directory as follow:
    includes/templates/classic_1


    =====
    Return to your questions.

    For the test with your files,
    1. the following file is not needed or necessary to modify, it can be removed
    includes/templates/classic_1/common/html_header.php

    2. For the bob.css
    I copied, renamed and saved it to the directory as below:
    includes/templates/classic_1/css/stylesheet_bob.css

    3. The image files
    3a. For the image files with names begin with mmmenu?.*, I copied and save them all to:
    includes/templates/classic_1/images/mmmenu?.*

    For the above images, the override can fetch them in my test, please confirm yourself in your site.

    3b. And the other images still need in the root although I tried to hard code the images loacations.
    It seems that depended on your javascript.

    4. For the two javascript files
    4a. for the jscript_header.js, it is for onload. It should be rename and save as:
    includes/templates/classic_1/jscript/on_load/on_load_header.js

    For it preload the graphics and involves file locations.
    Please refer to the step #3 above.

    Otherwise, it need to change the image file loacations.
    Normally, it can be related to current template and images directory ../images/
    and example as follow:
    Code:
    MM_preloadImages('../images/bob_r2_c2_f2.gif', .....
    4b. for the mm_css_menu.js, it is normal javascript. It should be rename and save as:
    includes/templates/classic_1/jscript/jscript_mm_css_menu.js

    5. for the head.htm
    I copied and save it to:
    includes/templates/classic_1/common/header.htm

    I had tried to change the image source location of the graphics, but without success.
    Please refer to above step 3b.

    6. For the tpl_header.php
    I use the original one which copied from
    includes/templates/template_default/common/tpl_header.php

    and changed as follow and according to your file, and this seems better.
    It only remark out the functions which may you don't need.
    And insert your <?php include 'header.htm' ?> after it.
    Code:
    <!--bof-branding display-->
    <!-- <div id="logoWrapper">
    .....
    <br class="clearBoth" /> -->
    <!--eof-branding display-->
    <?php include 'header.htm' ?>
    <!--eof-header logo and navigation display-->
    Please note:
    In my test follow the steps above. It works and show menus with each page and seems without the problem at your site.

    However, your javascript create errors. For each time the mouse hover to and off of each group of cell of the menus. The errors reported by my test programs and IE.
    This also occurred in your site.

    From FireBug, the Firefox's extension, report the following errors:
    Code:
    MM_preloadImages is not defined  - index.php?main_pa... (line 1)
    MM_nbGroup is not defined
    Please take care about it.
    A New Starter again

  9. #9
    Join Date
    Apr 2006
    Posts
    242
    Plugin Contributions
    0

    Default Re: Spliced image links replace header..

    Sent you a PM seem to be having trouble with the provided steps.

  10. #10
    Join Date
    Apr 2006
    Posts
    242
    Plugin Contributions
    0

    Default Re: Spliced image links replace header..

    thanks for the files :)

    however still seems to do the same thing

    http://jailhousedistro.com/index.php...&products_id=1

    The drop down will work only once then won't work again after that tested with all my browsers (ie,ff,opera)

    I even tired with only the files you provided nothing modified still didn't work.

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Replies: 27
    Last Post: 7 Dec 2011, 11:09 AM
  2. Replace Header Image With Flash
    By igendreau in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 4 Apr 2010, 01:46 AM
  3. Replace EZpages Header links with images?
    By sfklaas in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 2 Mar 2010, 06:19 PM
  4. Images to replace links in ezpage header
    By ForPhoneUnlock in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 13 Mar 2009, 03:08 AM
  5. Looking to replace #navmainwrapper with image links and searchbar
    By dvasdekis in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 7 Jul 2007, 12:09 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg