ShopifyやEコマースに関連することを話してみよう
はじめまして。
初めて、こちらのフォーラムで質問させて頂きます。
現在、html/css/javascriptで構成されたファイルを、Shopifyに移行して、動的な箇所(商品一覧・記事一覧など)はliquidタグと差し替える作業を行っております。
TOPページのある場所に、「サイト内の特定のブログ記事を3記事だけ出力させる(表示順は新着)」必要があったため、下記URLを参考に、index.liquidにていろいろ試してみましたが、反映されませんでした。
参考URL:https://shopify.github.io/liquid-code-examples/example/blog-article-list
↓記載したコード↓
<div class="list-thumbnail flex">
<ul>
// 特定のブログを、新着順に3記事だけ表示させたい //
<li><a href="/article.html" class="hover-img-outer">
<img src="" alt="" class="for_sp" alt="">
<span class="hover-img for_pc"><span class="hover-img-inner"><img src="" alt=""></span></span>
<p class="title">タイトルタイトルタイトル</p>
<p class="lead for_pc">ディスクリプションディスクリプションディスクリプション</p>
<p class="date gothic">日付日付日付日付日付日付</p>
</a></li>
// 特定のブログを、新着順に3記事だけ表示させたい //
</ul>
</div>
タイトルや日付に入れるliquidタグは分かるのですが、ループ?させるために、どこに何をどう書けば、狙い通りの表示ができるのかが、どうしても分からなかったため、どなたかご教授頂けると本当に嬉しいです。
目的は、「特定のブログ記事一覧を、3記事だけ、TOPページに表示させる」です。
よろしくお願い致します。
解決済! ベストソリューションを見る。
成功
この件は以下の英語フォーラムなどで触れられていますのでお知らせします。
https://community.shopify.com/c/Technical-Q-A/Loop-through-all-articles-in-all-blogs/td-p/564893
上記を踏まえ以下のようにすれば実現できるのではと思います。
{% for article in blogs['特定のブログのハンドル'].articles | limit: 3 %}
{{article.title}}
{% endfor %}
「特定のブログのハンドル」は「ブログ記事のハンドル」でなく、例えば初期に設定されている「news」などである点に留意ください。
成功
この件は以下の英語フォーラムなどで触れられていますのでお知らせします。
https://community.shopify.com/c/Technical-Q-A/Loop-through-all-articles-in-all-blogs/td-p/564893
上記を踏まえ以下のようにすれば実現できるのではと思います。
{% for article in blogs['特定のブログのハンドル'].articles | limit: 3 %}
{{article.title}}
{% endfor %}
「特定のブログのハンドル」は「ブログ記事のハンドル」でなく、例えば初期に設定されている「news」などである点に留意ください。
表示されました!
誠にありがとうございます!!
リエンゲージメントの自動化で売り上げ向上へ!素敵なオンラインストアを作成し、見込み顧客の携帯へ広告を直接に送信する、またはSNSなどで宣伝すると、お客様がストアに行き着...
By Mirai Mar 24, 2024Shopifyは世界で最も革新的なブランドと起業家をサポートしています。個人起業家やあらゆる規模のビジネスの成長を後押しするために、Shopify アカデミーではShopif...
By SarahF_Shopify Mar 22, 2024オンラインストア運営はとてもやりがいのある活動です。新しい注文が入った時の喜びや世界中のお客様とやりとりできる可能性、商品に対して最高のレビューをもらった時の満足感は、毎日の...
By Mina Mar 13, 2024