Как в шапку вставить на задний фон картинку

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем JKHS, 14 июн 2022.

  1. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    Здравствуйте, Я новичок в opencart
    Помогите пожалуйста.
    Как вставить в шапку сайта на задний фон картинку
     

    Вложения:

    • шапка.JPG
      шапка.JPG
      Размер файла:
      96,3 КБ
      Просмотров:
      18
    • IPASON.JPG
      IPASON.JPG
      Размер файла:
      38,8 КБ
      Просмотров:
      14
  2. Blast

    Blast Продвинутый пользователь

    Сообщения:
    212
    Симпатии:
    74
    не все так просто
    там 2 отдельных блока - серая полоса, а также блок с логотипом и строкой поиска
    нужно переверстывать немного, возможно объединить в один контейнер.
    /catalog/view/theme/тема/template/common/header.twig(tpl) - шаблон
    /catalog/view/theme/тема/stylesheet/stylesheet.css - стили

    если просто для хидера, то
    header {
    background-image: url(путь_к_картинке);
    }
     
  3. Tom

    Tom Специалист

    Сообщения:
    689
    Симпатии:
    207
  4. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    Как это сделал ?
    скажи пожалуйста
     
  5. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    скажи пожалуйста где это прописать ?
     
  6. Tom

    Tom Специалист

    Сообщения:
    689
    Симпатии:
    207
    Я прописал в стилях , в исходном коде.
     
  7. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    Вставлял и stylesheet.css и header

    результата ноль )
     
  8. Tom

    Tom Специалист

    Сообщения:
    689
    Симпатии:
    207
    Ну значит так "вставлял". явный пример тому на моих скринах.
     
  9. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    Напиши пожалуйста куда вставить
     
  10. Tom

    Tom Специалист

    Сообщения:
    689
    Симпатии:
    207
    stylesheet.css
     
  11. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    Подскажи пожалуйста в какое место вставить этот код ? в файле stelesheet

    header {
    background-image: url(IPASON.JPG);

    }
     
  12. Tom

    Tom Специалист

    Сообщения:
    689
    Симпатии:
    207
    Конкретно этот ни в какое. Он не поможет.
     
  13. SiteMix

    SiteMix Продвинутый пользователь

    Сообщения:
    1.021
    Симпатии:
    174
    Вставлять лучше в конце файла.
    Картинку положить в папку image и лучше переименовать в нижний регистр (соответственно и в стилях изменить).
    И обязательно добавить no-repeat. И для мобильной версии желательно задать background-position чтобы на маленьком экране отображался наиболее подходящий фрагмент.
     
  14. JKHS

    JKHS Новичок

    Сообщения:
    17
    Симпатии:
    0
    спасибо