PrestaShop 1.5.X - Logo e-shopu ako pozadie hlavicky

isdisd · **Registrován:** 25 říj 2012 09:32 **Příspěvky:** 17

Cau, ak potrebujete logo eshopu zadavane v Preferences > Themes -> Logo hlavičky
dat ako pazadie celeho zahlavia a nebude ho debilne zuzovat resp. rozsirovat. Upravte tento kod (nezabudnite po zmene zapnut na chvilu rekompilaciu template (Advanced Parameters > Performance), urobit refresh stranky a nastavit povodnu hodnotu rekompilacie):

------------------------------
\themes\default\header.tpl
------------------------------
od riadku cca. 75, zamanete kod za tento:

Kód:

<!-- Header -->
         <div id="header" class="grid_9 alpha omega" style="background-image: url({$logo_url}); background-repeat: no-repeat;">
            <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
               &nbsp;<!-- <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> -->

Este mozete nastavit ako vysoko bude BlockTopMenu:
------------------------------
/modules/blocktopmenu/css/superfish-modified.css
------------------------------
riadok 15: //zrusenie medzery nad topmenu, hodnotu 45px nastavte podla svojej sirky zahlavia, v tomto priklade je len orientacna
new:

Kód:

.sf-menu {
   margin: 45px 0;

old:

Kód:

.sf-menu {
   margin: 20px 0;

(ukazka na stranke http://www.masivny-nabytok.eu/)

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

děkujeme za návod, určitě se bude hodit i ostatním uživatelům.

roumec · **Registrován:** 03 lis 2012 13:30 **Příspěvky:** 6

Nemohl by ste jeste nekdo poradit jak nastavit pozici toho vyhledavani?

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8504

Dobrý den,

na takové úpravy je dobré použít např. rozšíření Firebug pro internetový prohlížeč Firefox. Jednoduše pak kliknete na část stránky a zobrazí se Vám název souboru a část kódu, kterou daná část používá.

isdisd · **Registrován:** 25 říj 2012 09:32 **Příspěvky:** 17

presne tak to robim

ISD
http://www.masivny-nabytok.eu

martinl · **Registrován:** 14 čer 2012 21:58 **Příspěvky:** 6

Po výše zmíněné úpravě už ale logo nefunguje jako odkaz na domovskou stránku.

mikolaj2 · **Registrován:** 11 úno 2013 22:28 **Příspěvky:** 14

udělal jsem to takto ale celé se mi to rozhodilo mohl by mi někdo poradit ?
určitě mám někde chybu ale nevím kde

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 lt-ie6 " lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8 ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]> <html lang="fr" class="no-js ie9" lang="en"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
   <head>
      <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 http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
      <meta http-equiv="content-language" content="{$meta_language}" />
      <meta name="generator" content="PrestaShop" />
      <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}';
         var baseUri = '{$base_uri}';
         var static_token = '{$static_token}';
         var token = '{$token}';
         var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
         var priceDisplayMethod = {$priceDisplay};
         var roundMode = {$roundMode};
      </script>
{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}
      {$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" class="container_9 clearfix">

         <!-- Header -->
         <div id="header" class="grid_9 alpha omega" style="background-image: url({$logo_url}); background-repeat: no-repeat;">
            <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
               &nbsp;<!-- <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
            </a>
            <div id="header_right" class="grid_6 omega">
               {$HOOK_TOP}
            </div>
         </div>

         <div id="columns" class="grid_9 alpha omega clearfix">
            <!-- Left -->
            <div id="left_column" class="column grid_2 alpha">
               {$HOOK_LEFT_COLUMN}
            </div>

            <!-- Center -->
            <div id="center_column" class=" grid_5">
   {/if}

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

zkuste změnit kód na

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7 lt-ie6 " lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8 ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9 ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]> <html lang="fr" class="no-js ie9" lang="en"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{$lang_iso}">
   <head>
      <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 http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
      <meta http-equiv="content-language" content="{$meta_language}" />
      <meta name="generator" content="PrestaShop" />
      <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}';
         var baseUri = '{$base_uri}';
         var static_token = '{$static_token}';
         var token = '{$token}';
         var priceDisplayPrecision = {$priceDisplayPrecision*$currency->decimals};
         var priceDisplayMethod = {$priceDisplay};
         var roundMode = {$roundMode};
      </script>
{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}
      {$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" class="container_9 clearfix">

    <!-- Header -->
         <div id="header" class="grid_9 alpha omega" style="background-image: url({$logo_url}); background-repeat: no-repeat;">
            <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
               &nbsp;<!-- <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> -->
            </a>
            <div id="header_right" class="grid_6 omega">
               {$HOOK_TOP}
            </div>
         </div>

         <div id="columns" class="grid_9 alpha omega clearfix">
            <!-- Left -->
            <div id="left_column" class="column grid_2 alpha">
               {$HOOK_LEFT_COLUMN}
            </div>

            <!-- Center -->
            <div id="center_column" class=" grid_5">
   {/if}

.

Snad to vyřeší Váš problém, neměl jste tam nějaké uvozovky.

duruz · **Registrován:** 31 kvě 2013 12:55 **Příspěvky:** 3

Dobry den,

v tomto vlaknu jsem nasel, ze je mozne si hlavicku snadno upravit. Zmenil jsem cast kodu, upravil si vysku, ale kdyz nahraju nove logo, tak mi zakryje vyhledavaci pole a dalsi funkce hlavicky. Musim tam jeste neco zmenit?

D.R.

Filip Kučera · **Registrován:** 09 úno 2013 13:11 **Příspěvky:** 2413

Dobrý den,

jaká je adresa Vašich stránek a používaná šablona? Je možné, že pro Vaši šablonu tato změna nefunguje správně a bude třeba zdrojový kód přizpůsobit používané šabloně.

Návody pro C4

Webhosting C4

PrestaShop 1.5.X - Logo e-shopu ako pozadie hlavicky

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting