Как добавить изображение в заголовок в HTML / CSS Shopify? - PullRequest
0 голосов
/ 27 марта 2020

Я пытаюсь добавить image1 в мой заголовок на shopify. Нужно ли мне перекрывать заголовок или добавить image1 к заголовку как один целый заголовок?

У меня уже есть lo go и я уже загрузил изображение в папку Assets. Что я буду делать дальше?

заголовок моего сайта - зеленое поле - это пространство заголовка, а красное поле - там, где я хочу изображение

Код header.liquid:

    <style>
  {%- assign logo_width = 695 -%}
  {%- assign logo_max_width = section.settings.logo_max_width | times: 1 -%}
  {% if logo_max_width < logo_width %}
    {%- assign logo_width = logo_max_width -%}
  {% endif %}
  .logo__image-wrapper {
    max-width: {{ logo_width }}px;
  }
  /*================= If logo is above navigation ================== */
  {% if section.settings.nav_below_logo %}
    .site-nav {
      {% if section.settings.show_header_lines %}
        border-top: 1px solid {{ settings.color_borders }};
        border-bottom: 1px solid {{ settings.color_borders }};
      {% endif %}
      margin-top: 30px;
    }

    {% unless section.settings.left_aligned_logo %}
      .logo__image-wrapper {
        margin: 0 auto;
      }
    {% endunless %}
  {% endif %}

1 Ответ

0 голосов
/ 30 марта 2020

попробуйте эту ссылку, она может помочь вам в решении вашей проблемы, все что вам нужно сделать, это go к вашему header.liquid и добавить тег изображения и установить для источника то, что вам нравится:

https://community.shopify.com/c/Shopify-Design/Add-custom-image-in-header-space/td-p/336447

надеюсь, что это решение поможет вам в вашей проблеме

...