Шапка сайта

Правила раздела: faq.php?mode=okay
Модератор: Модераторы

artem99357
artem99357
Репутация: 0
Сообщения: 43
Зарегистрирован: 26.10.2016
С нами: 7 лет 5 месяцев

Сообщение #1 artem99357 » 21.11.2016, 16:47

Приветствую.
Подскажите, есть ли техническая возможность в шапку сайта, вставить картинку? То есть, вставить картинку под (номера, все страницы, корзину, логотип и т.д), не фон сайта, а именно шапка. Стандартный шаблон

zyxer M
zyxer M
Возраст: 32
Репутация: 77
Сообщения: 419
Зарегистрирован: 03.02.2016
С нами: 8 лет 1 месяц
Откуда: Днепр

Сообщение #2 zyxer » 22.11.2016, 09:30

Добрый день. Переверстайте шапку следующим образом:

Код: Выделить всё

<div class="container p-x-0_md-down">
    <div class="col-xs-12 p-y-1 header_bg">
        <div class="row">
            {* Кнопка меню для моб. *}
            <button class="i-mob-menu" data-target="#mob-menu" data-toggle="collapse" type="button" aria-expanded="false">
                &#9776;
            </button>

            {* Меню сайта *}
            <ul id="mob-menu" class="nav nav-inline pull-xs-left nav-mob collapse">
                {foreach $pages as $p}
                    {if $p->menu_id == 1}
                        <li class="nav-item">
                            <a class="nav-link" data-page="{$p->id}" href="{$lang_link}{$p->url}">{$p->name|escape}</a>
                        </li>
                    {/if}
                {/foreach}
            </ul>

            <ul class="nav nav-inline pull-xs-right">
                {* Выбор валюты *}
                {if $currencies|count > 1}
                    <li class="nav-item">
                        <div class="btn-group">
                            <a class="nav-link link-black i-cur" href="#" data-toggle="dropdown" aria-haspopup="true"
                               aria-expanded="false">
                                <span class="cur-label">{$currency->sign}</span>
                                <span class="cur-name">{$currency->name}</span>
                            </a>
                            <div class="dropdown-menu">
                                {foreach $currencies as $c}
                                    {if $c->enabled}
                                        <a class="dropdown-item {if $currency->id== $c->id}active{/if}" href="{url currency_id=$c->id}">
                                            <span class="cur-label">{$c->name}</span>
                                            <span class="cur-name">{$c->name}</span>
                                        </a>
                                    {/if}
                                {/foreach}
                            </div>
                        </div>
                    </li>
                {/if}

                {* Выбор языка *}
                {if $languages|count > 1}
                    {$cnt = 0}
                    {foreach $languages as $ln}
                        {if $ln->enabled}
                            {$cnt = $cnt+1}
                        {/if}
                    {/foreach}
                    {if $cnt>1}
                        <li class="nav-item">
                            <div class="btn-group">
                                <a data-languages="true" class="nav-link link-black i-lang" href="#" data-toggle="dropdown" aria-haspopup="true"
                                   aria-expanded="false"><span class="lang-label">{$language->label}</span><span
                                            class="lang-name">{$language->name}</span></a>
                                <div class="dropdown-menu">
                                    {foreach $languages as $l}
                                        {if $l->enabled}
                                            <a class="dropdown-item{if $language->id == $l->id} active{/if}"
                                               href="{$l->url}"><span class="lang-label">{$l->label}</span><span
                                                        class="lang-name">{$l->name}</span></a>
                                        {/if}
                                    {/foreach}
                                </div>
                            </div>
                        </li>
                    {/if}
                {/if}

                {* Информер сравнения *}
                <li id="comparison" class="nav-item hidden-md-down">
                    {include "comparison_informer.tpl"}
                </li>

                {* Информер избранного *}
                <li id="wishlist" class="nav-item">
                    {include file="wishlist_informer.tpl"}
                </li>

                {if $user}
                    {* Личный кабинет *}
                    <li class="nav-item">
                        <a class="nav-link link-black i-user" href="{$lang_link}user">{$user->name|escape}</a>
                    </li>
                {else}
                    {* Вход *}
                    <li class="nav-item">
                        <a class="nav-link link-black i-user" href="{$lang_link}user/login" title="{$lang->index_login}"><span data-language="{$translate_id['index_login']}">{$lang->index_login}</span></a>
                    </li>
                {/if}
            </ul>
        </div>


        <div class="row">
            {* Логотип сайта *}
            <div class="col-xs-6 col-lg-3 text-md-right p-r-0-md_down">
                <a href="{$lang_link}">
                    <img class="img-fluid logo_fix" src="design/{$settings->theme|escape}/images/logo{if $language->label}_{$language->label}{/if}.png" alt="{$settings->site_name|escape}"/>
                </a>
            </div>

            {* Информер корзины *}
            <div id="cart_informer" class="col-xs-6 col-lg-2 pull-lg-right">
                {include file='cart_informer.tpl'}
            </div>

            {* Форма поиска *}
            <div class="col-xs-12 col-lg-3 m-y-1-md_down">
                <form id="fn-search" class="input-group" action="{$lang_link}all-products">
                    <input class="fn-search okaycms form-control" type="text" name="keyword" value="{$keyword|escape}" data-language="{$translate_id['index_search']}" placeholder="{$lang->index_search}"/>
                    <span class="input-group-btn">
                        <button class="i-search" type="submit"></button>
                    </span>
                </form>
            </div>

            {* Телефоны *}
            <div class="col-xs-8 col-lg-2 p-l-0 p-l-1-md_down">
                <div class="i-phone h5 font-weight-bold">
                    <div><a class="link-black" href="tel:{$lang->index_phone_1}" data-language="{$translate_id['index_phone_1']}" >{$lang->index_phone_1}</a></div>
                    <div><a class="link-black" href="tel:{$lang->index_phone_2}" data-language="{$translate_id['index_phone_2']}" >{$lang->index_phone_2}</a></div>
                </div>
            </div>

            {* Обратный звонок *}
            <div class="col-xs-4 col-lg-2 p-l-0-md_down">
                <a class="btn btn-sm btn-block btn-warning font-weight-bold i-callback fn-callback okaycms" href="#fn-callback" data-language="{$translate_id['index_back_call']}">{$lang->index_back_call}</a>
            </div>
        </div>
    </div>
</div>


и классу "header_bg" добавьте background
Всё сказанное мной, является лично моим мнением, и не является официальной позицией OkayCMS

artem99357
artem99357
Репутация: 0
Сообщения: 43
Зарегистрирован: 26.10.2016
С нами: 7 лет 5 месяцев

Сообщение #3 artem99357 » 22.11.2016, 11:30

[quote="zyxer"] Спасибо. Всё криво и не красиво, но как делать, понятно. Благодарю


Название раздела: Обсуждение прочих вопросов
Правила раздела: faq.php?mode=okay

Быстрый ответ


Введите код в точности так, как вы его видите. Регистр символов не имеет значения.
Код подтверждения

   

Вернуться в «Обсуждение прочих вопросов»

Кто сейчас на форуме (по активности за 5 минут)

Сейчас этот раздел просматривают: 10 гостей