セクションの作成について

日本語 ディスカッション 技術的なQ＆A
1

下記のようなセクションを自作して、HOMEページ（TOPページ）に組み込みたいのですが、一部（img部分）がなぜか表示されません。

テキスト部分（SAMPLEなど）は表示され、さらにtheme.liquidに読み込ませたCSSも効いているような感じですが、img部分は全く表示されません。

原因がわかれば教えてください。


  

    SAMPLE
    

    <small>sample</small>
  

  
    

      

        
          
        
      

    

  

{% schema %}
  {
"presets": [
    {
      "name": "ABOUT",
      "category": "image"
    }
  ]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}
2

単純に考えれば画像のパスが間違っているのではと思いますので確認されることをお勧めします。

画像の置き場所がわからないのでなんとも言えませんが、assetsディレクトリ内に入れているのであれば以下のドキュメントなどを参照ください。

https://shopify.dev/api/liquid/filters/url-filters#asset_img_url

なお「slick-slide」というクラス名が少々気にはなりますので、画像が本当にブラウザで取得できていないかを開発者ツールで確認されることもお勧めします。
JSやCSSの影響で非表示になっているだけの可能性もありますので、Slickを使われている場合はSlickのドキュメントも参照ください。