Právě je 21 črc 2017 02:39

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 2 ] 
Autor Zpráva
 Předmět příspěvku: OpenCart 2.3 - Centrování loga
PříspěvekNapsal: 27 čer 2017 21:17 
C4 zákazník

Registrován:
27 lis 2013 21:50
Příspěvky:
37
Dobrý den, nedaří se mi upravit zobrazení, tak abych mel logo zacentrovane na stred a vyhledavani a kosik pod sebou na prave strane. verze 2.3.0.2
Prosim o radu.
Dekuji


Nahoru
 Profil  
 
 Předmět příspěvku: Re: OpenCart 2.3 - Centrování loga
PříspěvekNapsal: 28 čer 2017 12:22 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 09:14
Příspěvky:
6087
Dobrý den,

standardní šablona (pokud ji používáte) je vytvořena pomocí Boostrap frameworku. V souboru /catalog/view/theme/default/template/common/header.tpl bude potřeba upravit mřížkové zobrazení hlavičky. Jedná se o tuto část kódu:
Kód:
<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-sm-5"><?php echo $search; ?>
      </div>
      <div class="col-sm-3"><?php echo $cart; ?></div>
    </div>
  </div>
</header>


Nyní je hlavička rozdělena do tři sloupců - v prvním je logo, ve druhém vyhledávání a ve třetím košík. Takže nejjednodušší bude upravit vzhled na dva sloupečky. První bude odsazený a bude obsahovat vycentrované logo a ve druhém bude vyhledávání s košíkem. Úprava by tedy mohla vypadat např.:

Kód:
<header>
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-md-offset-3">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive center-block" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-md-3"><?php echo $search; ?><?php echo $cart; ?></div>
    </div>
  </div>
</header>


Postup jsem uvedl jen protože se jedná o standardní šablonu a řešení by se mohlo hodit i ostatním zákazníkům. Jinak jsou podobné úpravy zdrojového kódu již nad rámec naší podpory a můžete pro ně využít služeb některého z našich partnerů (příp. vpravo blok OpenCart partneři).

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 2 ] 

Všechny časy jsou v UTC + 1 hodina [ Letní čas ]


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
cron
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
OpenCart partneři

Seznam všech partnerů

OpenCart Hosting
Návody pro C4

© 2009-2012 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz