【问题标题】:How to add image into header in HTML/CSS Shopify?如何将图像添加到 HTML/CSS Shopify 的标题中?
【发布时间】:2020-07-08 07:21:06
【问题描述】:

我试图在 shopify 上将 image1 添加到我的标题中。我是否需要重叠标题或将 image1 作为一个完整的标题添加到标题中?

我已经有一个徽标,并且已经将图像上传到 Assets 文件夹。我接下来要做什么?

my website header- green box is header space and red box is where i want the image

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 %}

【问题讨论】:

    标签: html css header shopify e-commerce


    【解决方案1】:

    试试这个链接,它可能会帮助你解决你的问题,你需要做的就是去你的 header.liquid 并添加一个图像标签并将源设置为你喜欢的样子

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

    希望此解决方案能帮助您解决问题

    【讨论】:

      猜你喜欢
      • 2011-03-03
      • 2018-08-23
      • 1970-01-01
      • 2011-02-24
      • 2022-11-10
      • 1970-01-01
      • 2011-09-18
      • 1970-01-01
      相关资源
      最近更新 更多