Header with Logo and menu

povedijah · December 17, 2014

Hi I've a few days trying to modify a template that I bought, i I can not carry it out, My idea would be to put the logo on the left side, and the menu i centered in the middle, in header
The theme seller tell me i need to modify[ two scripts smarttopblocktopmenu.tpl / header.tpl

I can modify the CSS, but im having problems with PHP code

Header TPL

<!DOCTYPE HTML>









<html lang="{$lang_iso}">

<head>

<meta charset="utf-8" />

<title>{$meta_title|escape:'html':'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="generator" content="PrestaShop" />

<meta name="robots" content="{if isset($nobots)}no{/if}index,{if isset($nofollow) && $nofollow}no{/if}follow" />

<meta name="viewport" content="width=device-width, minimum-scale=0.25, maximum-scale=1.6, initial-scale=1.0" />

<meta name="apple-mobile-web-app-capable" content="yes" />

<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}" />

{if isset($css_files)}

{foreach from=$css_files key=css_uri item=media}

<link rel="stylesheet" href="{$css_uri}" type="text/css" media="{$media}" />

{/foreach}

{/if}

{if isset($js_defer) && !$js_defer && isset($js_files) && isset($js_def)}

{$js_def}

{foreach from=$js_files item=js_uri}

<script type="text/javascript" src="{$js_uri|escape:'html':'UTF-8'}"></script>

{/foreach}

{/if}

{$HOOK_HEADER}

{if $srpta.simgr_header_font != 'Trebuchet MS' }

<link href='https://fonts.googleapis.com/css?family={$srpta.simgr_header_font}:{configuration::get("simgr_header_font_weight")}&subset={configuration::get("simgr_header_font_subset")}' rel='stylesheet' type='text/css'>

{/if}

{if $srpta.simgr_shop_body_font != 'Trebuchet MS' }

<link href='https://fonts.googleapis.com/css?family={$srpta.simgr_shop_body_font}:{configuration::get("simgr_shop_body_font_weight")}&subset={configuration::get("simgr_shop_body_font_subset")}' rel='stylesheet' type='text/css'>

{/if}



{$srpta.simgr_tracking_code}

</head>

<body{if isset($page_name)} id="{$page_name|escape:'html':'UTF-8'}"{/if} class="{if isset($page_name)}{$page_name|escape:'html':'UTF-8'}{/if}{if isset($body_classes) && $body_classes|@count} {implode value=$body_classes separator=' '}{/if}{if $hide_left_column} left-column-hidden{/if}{if $hide_right_column} right-column-hidden{/if} {if !$hide_right_column && !$hide_left_column} show_both_column {/if}{if $content_only} content_only{/if} lang_{$lang_iso}">

<input type="hidden" value="{$srpta.simgr_carousel_click_limit}" name="show-more-count-val" id="show-more-count-val">

<input type="hidden" value="{$srpta.simgr_revolution_width_set}" name="simgr_revolution_width_seth" id="simgr_revolution_width_seth">

{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">

<div class="header-container">

<header id="header">

<div class="banner">

<div class="container">

<div class="row">

{hook h="displayBanner"}

</div>

</div>

</div>

<div class="nav">

<div class="container">

<div class="row">

<nav>

<div class="col-md-9 col-sm-11 col-xs-12 nav_block_top clearfix">{hook h="displayNav"}</nav>

</div>

</div>

</div>

<div class="header-container">

<div class="container">

<div class="row">

<div id="header_logo">

<a href="{$base_dir}" title="{$shop_name|escape:'html':'UTF-8'}">

<img class="logo img-responsive" src="{$srpta.simgr_sitelogo}" alt="{$shop_name|escape:'html':'UTF-8'}"/>

</a>



{if isset($HOOK_TOP)}{$HOOK_TOP}{/if}

</div>

</div>

</div>

</header>

</div>

<div class="columns-container">

<div id="columns" class="container">

<div class="row">

<div id="top_column" class="center_column ">{hook h="displayTopColumn"}</div>

</div>

<div class="row">

{if $page_name !='index'}

<div class="container_inner_other_page col-md-12">

{/if}

{if isset($left_column_size) && !empty($left_column_size)}

{if $page_name !='index' && $page_name !='pagenotfound'}

{include file="$tpl_dir./breadcrumb.tpl"}

{/if}

<div id="left_column" class="column col-xs-12 col-sm-{$left_column_size|intval} main-sidebar sidebar">

{$HOOK_LEFT_COLUMN}

</div>

{/if}

<div id="center_column" class="center_column col-xs-12 col-sm-{12 - $left_column_size - $right_column_size}">

{/if}

And Block top menu

</div>

</div>

</div>

<div class="menu_area">

<div class="container">

<div class="row">

{if $MENU != ''}



<div class="row">

<div id="block_top_menu" class="sf-contener col-lg-9 col-md-9 col-sm-12">

<div class="cat-title">{l s="Categories" mod="blocktopmenu"}</div>

<ul class="sf-menu clearfix menu-content">

{$MENU}

{if $srpta.simgr_enable_custom_menu == 'enabled'}

{$srpta.simgr_header_m_customhtml|html_entity_decode}

{/if}

{if $MENU_SEARCH}

<li class="sf-search noBack" style="float:right">

<form id="searchbox" action="{$link->getPageLink('search')|escape:'html':'UTF-8'}" method="get">

<p>

<input type="hidden" name="controller" value="search" />

<input type="hidden" value="position" name="orderby"/>

<input type="hidden" value="desc" name="orderway"/>

<input type="text" name="search_query" value="{if isset($smarty.get.search_query)}{$smarty.get.search_query|escape:'html':'UTF-8'}{/if}" />

</p>

</form>

</li>

{/if}

</ul>

</div>



{/if}

I attach a image from the idea i have, thank you for your time!

Edited December 17, 2014 by povedijah (see edit history)

shacker · December 17, 2014

check if in your theme directory, inside of themes/yourthemename/modules you have the modules that you want to modify. You need to change the tpl here, not in modules folder

povedijah · December 17, 2014

Yes bro, the code of scripts its from this route /themes/simple-great/modules

shacker · December 17, 2014

you nee to change these modules tpl, and force compile

povedijah · December 17, 2014

This was i try that days, but it leaves me a blank page, so i need help of someone to do it..

shacker · December 19, 2014

enable display errors on config/defines.inc.php file to show the error on blank page

Sign In

Header with Logo and menu

Recommended Posts

povedijah

Link to comment

Share on other sites

shacker

Link to comment

Share on other sites

povedijah

Link to comment

Share on other sites

shacker

Link to comment

Share on other sites

povedijah

Link to comment

Share on other sites

shacker

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Browse

Activity

Go back to prestashop.com