[Помогите] Не могу разобраться со вставкой фонового изображения в css

Тема в разделе "OpenCart", создана пользователем 130983, 25 ноя 2016.

  1. 130983

    130983

    Регистрация:
    10 дек 2012
    Сообщения:
    172
    Симпатии:
    146
    Всем привет! Версия ocstore 2.1.0.2.1 Хочу залить header фоновым изображением. В stylesheet.css вставляю
    header {background: url('../image/white5.png') repeat #fafafa;} сам файл помещаю в папку image. Эффекта никакого. Через отладчик вижу, что путь к изображению почему-то выглядит таким образом http://localhost/55/image/white5.png хотя должен быть http://localhost/55/catalog/view/theme/default/image/white5.png Специально скачал версию движка ocstore 1.5.5.1.2 что бы перепроверить синтаксис - вижу что указываю правильно, там вот есть такие строки
    #header #cart .heading {
    float: right;
    margin-right: 2px;
    height: 30px;
    padding-left: 14px;
    padding-right: 14px;
    background: url('../image/cart.png') 0% 50% no-repeat;
    position: relative;
    z-index: 1;
    } и все нормально отображается. В чем может быть проблема?
    --- Добавлено, 25 ноя 2016 ---
    Как оказалось я не в ту папку закинул изображение. Но проблема не решилась. Точнее решилась частично. Если прописать в stylesheet.css все работает, но мне необходимо, чтобы это изображение выбиралось из админки. Поэтому я прописываю это в самом header.tpl в "теле" тега <head>
    Код:
    <?php if ($style = '0') { ?>
    <style type="text/css">
    header {background: url('../image/white5.png') repeat #fafafa;}
    </style>
    <?php } ?>
    
    <?php if ($style = '1') { ?>
    <style type="text/css">
    header {background: url('../image/black5.png') repeat #fafafa;}
    </style>
    <?php } ?>
    и почему-то путь выглядет как я и писал выше вот так http://localhost/55/image/white5.png как может одна и таже запись создавать разные пути для файлов и как это исправить?
     
  2. ISomeInterface

    ISomeInterface

    Регистрация:
    4 окт 2016
    Сообщения:
    106
    Симпатии:
    76
    Потому что header.tpl куда ты вставляешь style это по сути файл index.php (отсчет идет из дириктории в которой он находиться: "корневая директория"),
    а stylesheet.css находится по адресу catalog/view/theme/default/stylesheet/stylesheet.css
    Соответственно для stylesheet.css будет актуальный путь:
    "../image/black5.png"
    А для header.tpl:
    "catalog/view/theme/default/image/black5.png"
     
  3. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Вы указали относительный путь к файлу. И относительный он по отношению к файлу stylesheet.css, потому там оно и работает.
    Для инлайн стилей в качестве точки отсчёта нужно брать корень сайта и указывать полный путь к файлу.