0

皆さん、私はリキッド マークアップ言語を初めて使用します。私は e コマースの shopify Web サイトを作成しており、ページの上半分 (ナビゲーション リンクのすぐ下) にフル ページの画像を配置しています。

この画像を自分のウェブサイトのメイン ページにのみ掲載したいのですが、この問題について誰か助けてくれませんか?

実際のサイトへのリンクは次のとおりです: http://starpro-greens.myshopify.com/

そして、これがこの画像の私のコードです:

HTML ([レイアウト] タブの theme.liquid に配置):

 <div class="grid__item large--two-thirds large--display-table-cell         medium-down--hide">
          {% include 'site-nav' %}
        </div>
      </div>
    </div>
  </header>

      <div class="imagetop">
        .



  <div class="grid__item large--four-fifths bg ">

          {{ content_for_layout }}
        </div>
      </div>

CSS (Assets タブの theme.scss.liquid に配置):

.imagetop{
    background-image: url({{ 'top.png' | asset_url }});
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 250px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
4

1 に答える 1

0

次のように、画像を表示するコードを if ステートメントでラップできます。

{% if template contains 'index' %}
    Your code to display the image goes here...
{% endif %}

詳細については、この同様の質問と、代替テンプレートに関するShopify ドキュメントを参照してください。

于 2015-10-14T10:49:45.600 に答える