Jump to content
Sign in to follow this  
akseniya

Изменить размер шапки сайта

Recommended Posts

Прошу не бросаться тапками, возможно вопрос элементарный, но столкнулась с проблемой- нужно изменить размер шапки сайта. Перелопатила весь СSS файл - так и не нашла, что можно изменить. Ссылка на сайт-http://www.babi-land.com.ua.

Заранее спасибо.

post-683062-0-83449900-1434283427_thumb.jpg

Share this post


Link to post
Share on other sites

У вас просто маленький размер фонового изображения. Сделайте фоновую заливку таким же цветом, как и край изображения. Стили, которые за это отвечают, у вас находятся прямо на странице (скорее всего в файле common/template.tpl).

s_1434285096_2579819_d26252c2db.png

s_1434285127_2479874_6a6f43bc40.png

Если я правильно понял вашу проблему, конечно.

Share this post


Link to post
Share on other sites

dell

Edited by koreshok

Share this post


Link to post
Share on other sites

У вас просто маленький размер фонового изображения. Сделайте фоновую заливку таким же цветом, как и край изображения. Стили, которые за это отвечают, у вас находятся прямо на странице (скорее всего в файле common/template.tpl).

s_1434285096_2579819_d26252c2db.png

s_1434285127_2479874_6a6f43bc40.png

Если я правильно понял вашу проблему, конечно.

Я имела ввиду- как можно увеличить высоту шапки- потому как отображается не все изображение, а лишь его часть. Высота блока во вложенном файле.

post-683062-0-08520000-1434289365_thumb.jpg

Share this post


Link to post
Share on other sites

Добавьте свойство height или min-height для правила #header. Например, если у вас высота фонового изображения 250 пикселей, то за вычетом внутреннего верхнего (10 пикс.) и нижнего (12 пикс.) отступов (padding), нужна высота 228 пикс. Я бы сделал так:

#header {
    background-color: #ffffff;
    background-image: url("image/data/shorty/33.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 228px;
}
Edited by ZeroHero

Share this post


Link to post
Share on other sites

ZeroHero

афтар жжот, пиши исчо...

 

 

akseniya

http://joxi.ru/RmzzJBQfDw1QmO

исправить: в catalog/view/theme/bt_babystore/stylesheet/stylesheet.css

со строки 291
заменить 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
min-width:1180px <--- корень зла тут 
}

на 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
max-width:1180px
}

получим ровненькое 
http://joxi.ru/ZrJpPBjF8DVg2j
 

Share this post


Link to post
Share on other sites

 

Добавьте свойство height или min-height для правила #header. Например, если у вас высота фонового изображения 250 пикселей, то за вычетом внутреннего верхнего (10 пикс.) и нижнего (12 пикс.) отступов (padding), нужна высота 228 пикс. Я бы сделал так:

#header {
    background-color: #ffffff;
    background-image: url("image/data/shorty/33.png");
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 228px;
}

спасибо большое, это как раз то, что нужно. Только вот в каком файле находится это правило, в stylesheet.css нет.....

Share this post


Link to post
Share on other sites

Посмотрите в catalog/view/theme/bt_babystore/template/common/header.tpl, возможно, оно там, так как выводится прямо на страницу.

Share this post


Link to post
Share on other sites

Посмотрите в catalog/view/theme/bt_babystore/template/common/header.tpl, возможно, оно там, так как выводится прямо на страницу.

Вот ниже код файла catalog/view/theme/bt_babystore/template/common/header.tpl -

 

 

 

<!DOCTYPE html>

<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">

<head>

<meta charset="UTF-8" />

<title><?php echo $title; ?></title>

<base href="<?php echo $base; ?>" />

<?php if ($description) { ?>

<meta name="description" content="<?php echo $description; ?>" />

<?php } ?>

<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">

<?php if ($keywords) { ?>

<meta name="keywords" content="<?php echo $keywords; ?>" />

<?php } ?>

<?php if ($icon) { ?>

<link href="<?php echo $icon; ?>" rel="icon" />

<?php } ?>

<?php foreach ($links as $link) { ?>

<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />

<?php } ?>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/stylesheet.css" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/boss_menu.css" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/1200.css" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/boss_add_cart.css" />

<?php if ($this->config->get('b_General_Respon')) { ?>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/responsive.css" />

<?php } ?>

<?php foreach ($styles as $style) { ?>

<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />

<?php } ?>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/unsemantic-grid-responsive-tablet.css" />

<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>

<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>

<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />

<script type="text/javascript" src="catalog/view/javascript/bossthemes/getwidthbrowser.js"></script>

<script type="text/javascript" src="catalog/view/javascript/common.js"></script>

<script type="text/javascript" src="catalog/view/javascript/bossthemes/bossthemes.js"></script>

<script type="text/javascript" src="catalog/view/javascript/bossthemes/notify.js"></script>

<script type="text/javascript" src="catalog/view/javascript/bossthemes/jquery.selectbox-0.2.js"></script>

<?php foreach ($scripts as $script) { ?>

<script type="text/javascript" src="<?php echo $script; ?>"></script>

<?php } ?>

<script type="text/javascript">

$(document).ready(function() {

    $(".boss_select").selectbox();

});

</script>

<!--[if IE 8]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie8.css" />

<![endif]-->

<!--[if IE 9]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie9.css" />

<![endif]-->

<!--[if IE 10]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie10.css" />

<![endif]-->

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie7.css" />

<![endif]-->

<!--[if lt IE 7]>

<link rel="stylesheet" type="text/css" href="catalog/view/theme/bt_babystore/stylesheet/ie6.css" />

<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>

<script type="text/javascript">

DD_belatedPNG.fix('#logo img');

</script>

<![endif]-->

<?php if ($stores) { ?>

<script type="text/javascript"><!--

$(document).ready(function() {

<?php foreach ($stores as $store) { ?>

$('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');

<?php } ?>

});

//--></script>

<?php } ?>

<?php /******************THEME FONTS SETTINGS*********************/ ?>

<?php include "catalog/view/theme/bt_babystore/template/bossthemes/Boss_font_setting.php"; ?>

<?php /********************THEME COLOR SETTINGS******************/ ?>

<?php include "catalog/view/theme/bt_babystore/template/bossthemes/Boss_color_setting.php";?>

<?php echo $google_analytics; ?>

</head>

<?php

$array = (explode('/',$_SERVER['REQUEST_URI']));

$end = end($array);

if($end == "index.php" || $end == "home" || $end == ""){

$home_page='home_page';

}else{

$home_page="other_page";

}

?>

<body class="<?php echo $home_page; ?>">

<?php

$b_Mode_CSS = $this->config->get('b_Mode_CSS');

if(!isset($b_Mode_CSS)){

    $b_Mode_CSS ="wide";

}

?>

<div id="container" class="<?php echo $b_Mode_CSS; ?>">

<div id="header">

<div class="container_24">

<div class="grid_24 omega alpha">

  <div id="welcome">

    <?php if (!$logged) { ?>

    <?php echo $text_welcome; ?>

    <?php } else { ?>

    <?php echo $text_logged; ?>

    <?php } ?>

  </div>

  <?php echo $currency; ?>

  <?php echo $language; ?>

  <div class="clear"></div>

  <?php if ($logo) { ?>

  <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>

  <?php } ?>

   <?php echo $cart; ?>

  <!--div id="search">

    <input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />

    <div class="button-search"><?php echo $text_search; ?></div>

  </div-->

</div>

</div>

</div>

<?php if(isset($boss_editorthemes)){echo $boss_editorthemes; } ?>

<div class="boss_menu">

<div class="container_24<?php if ($this->config->get('b_General_Respon')) { echo ' hide-on-mobile'; } ?>">

<?php if ($this->config->get('b_General_Menu')) { ?>

<?php if(isset($boss_megamenu)){ echo $boss_megamenu; } ?>

<?php }else{ ?>

<?php if ($categories) { ?>

    <div id="menu">

      <ul>

        <?php foreach ($categories as $category) { ?>

        <li <?php if(count($category['children'])>0){echo 'class="dropdown-arrow"'; }?>><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

          <?php if ($category['children']) { ?>

          <div>

              <div>

                <?php for ($i = 0; $i < count($category['children']);) { ?>

                <ul>

                  <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

                  <?php for (; $i < $j; $i++) { ?>

                  <?php if (isset($category['children'][$i])) { ?>

                  <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

                  <?php } ?>

                  <?php } ?>

                </ul>

                <?php } ?>

              </div>

          </div>

          <?php } ?>

        </li>

        <?php } ?>

      </ul>

    </div>

<?php } ?>

<?php } ?>

</div>

</div>

<div id="megamenu-responsive" class="<?php if (!$this->config->get('b_General_Respon')) { echo ' hide-on-mobile'; } ?>  hide-on-desktop" >

    <ul id="megamenu-responsive-root">

        <li class="menu-toggle"><div class="container_24"><p></p>Navigation</div></li>

        <li class="root">

            <ul>

            <?php foreach ($categories as $category) { ?>

                <li <?php if ($category['children']) echo 'class="parent"'; ?>><div class="container_24"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

                  <?php if ($category['children']) { ?>

                    <?php for ($i = 0; $i < count($category['children']);) { ?>

                    <ul>

                      <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

                      <?php for (; $i < $j; $i++) { ?>

                      <?php if (isset($category['children'][$i])) { ?>

                      <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

                      <?php } ?>

                      <?php } ?>

                    </ul>

                    <?php } ?>

                  <?php } ?></div>

                </li>

            <?php } ?>

                <li><div class="container_24"><a href="index.php?route=bossblog/bossblog">Blog</a></div></li>

            </ul>

        </li>

    </ul>

</div>

<script type="text/javascript">

    /*Pc responsive*/

        $('document').ready(function(){

            $('#megamenu-responsive-root li.parent div.container_24').prepend('<p class="open">+</p>');

            $('.menu-toggle').click(function(){

                $('.root').toggleClass('open');

            });

            $('#megamenu-responsive-root li.parent div.container_24 > p').click(function(){

                if ($(this).text() == '+'){

                    $(this).parent('.container_24').children('ul').slideDown(300);

                    $(this).text('-');

                }else{

                    $(this).parent('.container_24').children('ul').slideUp(300);

                    $(this).text('+');

                }

            });

        });

    /*$('document').ready(function(){

            iconClickIpad();

        });*/

</script>

<?php /********************Block Header Top******************/ ?>

<?php include "catalog/view/theme/bt_babystore/template/bossthemes/Boss_header_top.php";?>

<?php if ($error) { ?>

    <div class="warning"><?php echo $error ?><img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>

<?php } ?>

<div class="container_24 page">

<div id="notification"></div>

Share this post


Link to post
Share on other sites

Смотрите файл catalog/view/theme/bt_babystore/template/bossthemes/Boss_color_setting.php.

З.Ы. Такие больше куски текста лучше прятать под спойлер.

Share this post


Link to post
Share on other sites

Смотрите файл catalog/view/theme/bt_babystore/template/bossthemes/Boss_color_setting.php.

З.Ы. Такие больше куски текста лучше прятать под спойлер.

Сорри, со спойлером натупила))) Посмотрела и этот файл, уже не рада, что взялась за этот шаблон)код ниже, help!!!)

$b_Color_Data = array();

$b_Color_Data = $this->config->get('b_Color_Data');

?>

?>

Share this post


Link to post
Share on other sites

 

ZeroHero

 

akseniya

http://joxi.ru/RmzzJBQfDw1QmO

исправить: в catalog/view/theme/bt_babystore/stylesheet/stylesheet.css

со строки 291

заменить 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
min-width:1180px <--- корень зла тут 
}

на 

#container {
margin-left: auto;
margin-right: auto;
text-align: left;
overflow:hidden;
max-width:1180px
}

получим ровненькое 

http://joxi.ru/ZrJpPBjF8DVg2j

 

 

Спасибо, исправила - теперь ровненько все

Share this post


Link to post
Share on other sites

Сорри, со спойлером натупила))) Посмотрела и этот файл, уже не рада, что взялась за этот шаблон)код ниже, help!!!)

$b_Color_Data = array();

$b_Color_Data = $this->config->get('b_Color_Data');

?>

?>

Вы уверены, что в этом файле всего 4 строчки кода? Может быть, вы не всё скопировали?

В любом случае, чтобы не мучиться, вы можете просто дописать в style.css

#header {
    min-height: 228px;
}

Share this post


Link to post
Share on other sites

 

Вы уверены, что в этом файле всего 4 строчки кода? Может быть, вы не всё скопировали?

В любом случае, чтобы не мучиться, вы можете просто дописать в style.css

#header {
    min-height: 228px;
}

спасибо, действительно- так проще всего)))

Share this post


Link to post
Share on other sites

Здравствуйте. Подскажите пожалуйста, а то устал уже "танцевать с бубном". Установил модуль - out-of-stock-button-152---v156, который должен отображать товары остаток которых - 0, как нет в наличии. На дефолтном шаблоне все работает, на этом ничего не могу сделать.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.