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).