FROM CACHE - jp_header

TOPページに特定の1商品の情報を表示したいのですがどうしたら取得・表示できますか?

mimi6520
探検家
48 0 5

件名の件ですが…

テーマはDEBUTを使いますが、商品詳細ページの商品の内容(画像、タイトル、値段、ボタン類 等)を

商品IDなどを指定してTOPページに特定の1商品の情報を表示したいのですが、どのようにすれば良いでしょうか?
google先生にも聞いたのですがまだまだshopify記事があまり見当たらなくて…
すいませんがご教授お願いできますでしょうか。

よろしくお願いいたします。

4件の返信4
toooru
Shopify Partner
93 52 97

Debutテーマでしたら簡単に表示することができますので、以下の手順でお試しください。

  1. 左メニューのオンラインストアを押下
  2. 右に開いた中にある「カスタマイズ」ボタンを押下
  3. 左の下にある「セクションを追加する」を押下
  4. その中にある「おすすめ商品」を選択後、「選択する」ボタンを押下
  5. 表示したい商品やその他設定を行う
  6. ページ右上の「保存する」ボタンを押す

以上でトップページに特定商品の画像・商品名・価格・説明文・カートボタンの表示が可能です。

mimi6520
探検家
48 0 5

ありがとうございます。

教えていただいた方法で、表示できました。

debutを元にオリジナルコードで

この表示と同じことを再現したく、temmplates/index.liquidにfeatured-product.liquidの

<script type="application/ld+json">意外の部分をコピペし
{%- assign product = all_products[section.settings.featured_product] -%}を
{%- assign product = all_products['ハンドル名'] -%}にしましたが完全には再現できません。
今、表示されているのは
商品名、値段、ADD TO CARTボタン
だけです。

管理画面から設定しなくて、静的に表示したいのですがどうしたら良いのでしょうか?
よろしくお願いします。

_osamu_iwasaki_
開拓者
126 33 165

all_productsオブジェクトで任意の商品の値を取得出来るところまでは理解してると思いますが、商品画像は複数あるため、images配列の番号を指定すると意図した形で表現出来ると思います。参考URL以下です。

https://www.shopify.com/partners/blog/89205510-how-to-use-all_products-in-a-shopify-theme

mimi6520
探検家
48 0 5

一通りコードを見ましたがどこをどういうふうに変更したら良いのかわからず数日費やしました・・・。
すいませんが、ご教授いただけますでしょうか?

よろしくお願いいたします。