FROM CACHE - jp_header
解決済

ブロックで追加したセクションの商品が表示されません

kazuking
観光客
4 0 2

こんにちは!お世話になります!

カスタマイズで選択した複数の商品をトップページ上に表示するセクションを作っています。(自作のセクションになります)カスタマイズ画面では問題なく商品を追加できるのですが、画像のように商品の画像、タイトル、URL等が呼び出せません。 

試したこと

DevToolによる検証:{{ product.title }} 、 {{ product.url }}などの該当部分が空白になっていました。

サイトのビューサイトのビュー

<div class="Three-One E-secondWrapper E-wrapper">
  <div class="L-wrapper"><h2 class="L-title">{% if section.settings.title == "" %}{{ 'sections.pick-up-items.title' | t }}{% else %}{{ section.settings.tltle }}{% endif %}</h2></div>
 <div id="threeOne-item"> 
     <div class="swiper-container5">
    <div class="swiper-wrapper">
      {% for block in section.blocks limit: section.blocks.size %}
        {%- assign product = all_products[block.settings.featured_product] -%}
        
        {% if product.available %}
            <div class="swiper-slide swipeto"><a href="{{ product.url }}">
              <img src="{{ product.featured_image | img_url: 'large' }}" alt="{{ product.featured_image.alt | escape }}">
              </a><p>{{ product.title }}</p></div>
        {% endif %}
       {% endfor %}
    </div>
   </div>
  </div>
</div>

{% schema %}
  {
    "name": "home pickups",
    "settings": [
        {
        "type": "header",
        "content": "recommendations",
        "info": "recommendations"
        },
        {
        "type": "text",
        "id": "title",
        "label": "title"
        },
        {
        "type": "checkbox",
        "id": "design_check",
        "label": "check and design will be changed",
        "default": true
        }
        

    ],
    "blocks": [
    {
      "type": "slide",
      "name": "slide",
      "settings": [
        {
          "id": "product",
          "type": "product",
          "label": "Featured Products"
        }
      ]
    }
    ],
    "presets": [ 
      {
        "name": "home pickups",
        "category": "home page"
      }
    ]
  }
{% endschema %}

{% stylesheet %}
{% endstylesheet %}

{% javascript %}
{% endjavascript %}

どなたか、お力添え頂けますと幸いです。
よろしくお願いいたします。

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1439 503 644

成功

 "settings": [
        {
          "id": "product",
          "type": "product",
          "label": "Featured Products"
        }
      ]

この部分のid:"product" を "id":"featured_product" にすることで解決しませんか?

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

4件の返信4

株式会社フルバランス
Shopify Partner
1439 503 644

成功

 "settings": [
        {
          "id": "product",
          "type": "product",
          "label": "Featured Products"
        }
      ]

この部分のid:"product" を "id":"featured_product" にすることで解決しませんか?

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
kazuking
観光客
4 0 2
"blocks": [
    {
      "type": "slide",
      "name": "slide",
      "settings": [
        {
          "id": "featured_product",
          "type": "product",
          "label": "Featured Products"
        }
      ]
    }
  	],

以上のコードで試してみまたが以下の画像のようになりました・・・。

スクリーンショット (4).png

 

kazuking
観光客
4 0 2

すみません。カスタマイズ画面にて商品を追加していませんでした。

商品を表示することが出来ましたが、一つの商品しか表示されませんでした。2つめ以降の商品を表示する方法は御座いますか?スクリーンショット (7).png

kazuking
観光客
4 0 2

キャッシュを消去した結果すべての商品が表示されました。 kakuma-fblさんどうもありがとう御座います