Как добавить изображение полной страницы на главную страницу в разделе «Навигация» в Shopify (Liquid markup)?

Question

Все, я новичок в жидком разметке. Я создаю сайт электронной коммерции и размещаю полностраничное изображение в верхней части страницы (прямо на навигационных ссылках). Он отлично выглядит, но единственная проблема заключается в том, что при нажатии на другую страницу изображение фиксируется и на этой странице.

Мне бы только понравилось это изображение на главной странице моего сайта, может ли кто-нибудь помочь мне в этом вопросе?

Вот ссылка на фактический сайт: http://starpro-greens.myshopify.com/

И вот мой код этого изображения:

HTML (Размещено в theme.liquid вкладке Layouts):

<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 (размещен в теме.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; 

Answer 1

Вы можете обернуть код, который отображает изображение в, если заявление, как это:

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

См this similar question и Shopify docs на альтернативных шаблонов для получения дополнительной информации.