Jump to content

[SOLVED] Header modification

raffk
 Share

Recommended Posts

raffk Newbie

raffk

Posted
Posted (edited)

Hi!

I want to add a background image in my header div, so i decided to add this image with an img tag like this:
<div class="twelve columns align_center" id="header_logo"><img src="..." /></div>

But i didn't find this div (header div) in my ../theme/header.tpl

Here is the code of my header.tpl:

 

<!doctype html>

 
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 " lang="{$lang_iso}"> <![endif]-->
 
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8 ie7" lang="{$lang_iso}"> <![endif]-->
 
<!--[if IE 8]><html class="no-js lt-ie9 ie8" lang="{$lang_iso}"> <![endif]-->
 
<!--[if gt IE 8]> <html class="no-js ie9" lang="{$lang_iso}"> <![endif]-->
 
    <head>
 
        <meta charset="utf-8" />
 
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
        <title>{$meta_title|escape:'htmlall':'UTF-8'}</title>
 
{if isset($meta_description) AND $meta_description}
 
        <meta name="description" content="{$meta_description|escape:html:'UTF-8'}" />
 
{/if}
 
{if isset($meta_keywords) AND $meta_keywords}
 
        <meta name="keywords" content="{$meta_keywords|escape:html:'UTF-8'}" />
 
{/if}
 
        <meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />
 
        <link rel="icon" type="image/vnd.microsoft.icon" href="{$favicon_url}?{$img_update_time}" />
 
        <link rel="shortcut icon" type="image/x-icon" href="{$favicon_url}?{$img_update_time}" />
 
        <script type="text/javascript">
 
            var baseDir = '{$content_dir|addslashes}';
 
            var baseUri = '{$base_uri|addslashes}';
 
            var static_token = '{$static_token|addslashes}';
 
            var token = '{$token|addslashes}';
 
            var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
 
            var priceDisplayMethod = {$priceDisplay};
 
            var roundMode = {$roundMode};
 
        </script>
 
 
 
    <link href="{$modules_dir}responsiveextension/stylesheets/foundation.min.css" rel="stylesheet" type="text/css" />
 
{if isset($css_files)}
 
    {foreach from=$css_files key=css_uri item=media}
 
    <link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
 
    {/foreach}
 
{/if}
 
{if isset($js_files)}
 
    {foreach from=$js_files item=js_uri}
 
    <script type="text/javascript" src="{$js_uri}"></script>
 
    {/foreach}
 
{/if}
 
 
 
    <!-- IE Fix for HTML5 Tags -->
 
    <!--[if lt IE 9]>
 
        <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
    <![endif]-->
 
 
 
    <!--[if lte IE 7]><link href="{$css_dir}ie6.css" rel="stylesheet" type="text/css"><![endif]-->
 
 
 
        {$HOOK_HEADER}
 
    </head>
 
 
 
    <body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column {/if} {if $hide_right_column}hide-right-column {/if} {if $content_only} content_only {/if}">
 
    {if !$content_only}
 
        {if isset($restricted_country_mode) && $restricted_country_mode}
 
        <div id="restricted-country">
 
            <p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
 
        </div>
 
        {/if}
 
        <div id="page">
 
 
 
            {$HOOK_TOP}
 
 
 
            <div id="columns" class="row">
 
                <section id="center_column" role="main">
 
    {/if}

Can you show me where i can put my img tag ?

Thank you!

Edited by vekia (see edit history)
Link to comment
Share on other sites
raffk Newbie

raffk

Posted
  • Author
Posted (edited)

im confused.

you want to add image, or background?

these two things are different

Hi Vekia,

 

I want to add image as a background ( to make responsive background).

This is not the problem, i tested it via firebug and it makes what i want.

 

The problem is: i can't find where i could insert the html code.

Edited by raffk (see edit history)
Link to comment
Share on other sites
raffk Newbie

raffk

Posted
  • Author
Posted

check footer.tpl file

maybe it is defined there

 

footer.tpl:

 

 

       {if !$content_only}

 
                </section>
 
 
 
                <aside id="sidebar" role="complementary">
 
                    {$HOOK_LEFT_COLUMN}
 
                </aside>
 
            </div>
 
 
 
            <footer id="footer">
 
                <div class="row">
 
                {$HOOK_FOOTER}
 
                </div>
 
 
 
                <div id="footer_bottom" class="row">
 
                    <section class="twelve columns">
 
                        © {$shop_name}. {l s='All Rights Reserved'}.
 
                       
 
                    </section>
 
                </div>
 
            </footer>
 
        </div>
 
    {/if}
 
    </body>
 
</html>
 
Link to comment
Share on other sites
raffk Newbie

raffk

Posted
  • Author
Posted

It's ok ! Problem solved
For those who have the same problem:
The header is linked to a specific module (responsive), the relevant file is located in .../responsivemodule/views/templates/hook/...tpl
Thank you Vekia for your help!

Link to comment
Share on other sites
 Share
Go to topic listing
×
×
  • Create New...