回答をご覧いただき、誠にありがとうございます。
以下のような、よくあるスライダーをカスタムLiquidで記述しているのですが、顧客が管理画面から更新した際、どのようなコードを以下のコードに追加すれば、投稿したブログが自動更新されて表示されますでしょうか？
顧客が要望するデザイン通りにするために、こちらのコードにcssを反映させている形をとっており、。
ご親切な方がみえましたら、ご回答いただけますと大変助かります。
お手数お掛けいたしますが、何卒よろしくお願い致します。
<ul>
<li><span class="contents_cat">コラム1</span><time datetime="2022-12-28">2022.01.23</time><a href=""><img src="" alt=""
width="216" height="294">
<div class="contents_title">コラムのタイトル1</div>
</a></li>
<li><span class="contents_cat">お知らせ1</span><time datetime="2022-12-28">2022.12.17</time><a href="#"><img src=""
alt="" width="216" height="294">
<div class="contents_title">お知らせのタイトル1</div>
</a></li>
<li><span class="contents_cat">コラム2</span><time datetime="2022-12-28">2022.12.12</time><a href="#"><img src=""
alt="" width="216" height="294">
<div class="contents_title">コラムのタイトル2</div>
</a></li>
<li><span class="contents_cat">お知らせ2</span><time datetime="2022-12-28">2022.12.01</time><a href="#"><img src=""
alt="" width="216" height="294">
<div class="contents_title">お知らせのタイトル2</div>
</a></li>
<li><span class="contents_cat">コラム3</span><time datetime="2022-12-28">2022.11.20</time><a href="#"><img src=""
alt="" width="216" height="294">
<div class="contents_title">コラム3</div>
</a></li>
</ul>
<div class="contents_btn"><a href="#">すべて見る</a></div>
</div>
Mwhr126さま
はじめまして、フルバランスの渡邉です。
ご質問を確認いたしました。
ストアに登録したブログを動的に反映されたいということですね。
その場合for文を使って特定のブログを取得すれば実装可能かと存じます。
以下記事に具体的なコードが載っておりますので、参考にお試しいただけますと幸いです。
https://next-blog.site/media/shopify-liquid-specific/
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 渡邉
株式会社フルバランス 渡邉 様
早速ご回答をいただき誠にありがとうございます。
ご紹介いただきました記事にて、「特定のカテゴリーをもったブログ記事を表示する方法」の部分は実装に成功いたしました！
https://next-blog.site/media/shopify-liquid-specific/
ですが、その下にあります、「特定のタグをもったブログ記事を表示する方法」に関しては、何故か実装しても何もブログが表示されない状態となっております…。
{% assign limit = 4 %}
{% assign count = 0%}
{% for article in blogs['ニュース'].articles %}
{% for tag in article.tags %}
{% if tag == 'fruit' %}
{% assign count = count | plus: 1 %}
- {% if article.image != blank %}
{% else %}
{% endif %}
{{ article.title }}
{{ article.updated_at | date: '%Y.%m.%d' }}
{% endif %}
{% endfor %}
{% if count >= limit %}
{% break %}
{% endif %}
{% endfor %}
{% schema %}
{
"name": "ブログリスト",
"settings": [
{
"type": "blog",
"id": "blog",
"label": "ブログのカテゴリーを選択"
}
],
"presets": [
{
"name": "ブログリスト(特定のタグ)"
}
]
}
{% endschema %}
・ブログカテゴリー：ニュース
・タグ：fruit に設定↓
・表示されている画面。
（ブログの選択はできるが、画面には何も反映されない）↓
ブログのカテゴリーとタグも正しく設定できているはずで、あと一歩のところだと思うのですが、原因がお分かりでしたらご教示いただけますと幸いです。
度々恐縮ですが、何卒よろしくお願い致します。
株式会社フルバランス 渡邉様
早速、ご回答をいただき誠にありがとうございます。
ご紹介いただきました記事の「特定のカテゴリーをもったブログ記事を表示する方法」に関しまして実装に成功させることが出来ました！
ですが、その下の「特定のタグをもったブログ記事を表示する方法」に関しては、何故か実装できず肝心な部分で行き詰まってしまいました…。
{% assign limit = 4 %}
{% assign count = 0%}
{% for article in blogs['ニュース'].articles %}
{% for tag in article.tags %}
{% if tag == 'fruit' %}
{% assign count = count | plus: 1 %}
- {% if article.image != blank %}
{% else %}
{% endif %}
{{ article.title }}
{{ article.updated_at | date: '%Y.%m.%d' }}
{% endif %}
{% endfor %}
{% if count >= limit %}
{% break %}
{% endif %}
{% endfor %}
{% schema %}
{
"name": "ブログリスト",
"settings": [
{
"type": "blog",
"id": "blog",
"label": "ブログのカテゴリーを選択"
}
],
"presets": [
{
"name": "ブログリスト(特定のタグ)"
}
]
}
{% endschema %}
・カテゴリー：ニュース
・タグ：fruit に設定 ↓
・ブログの選択はできるが、何故か反映されない↓
ブログのカテゴリーとタグは正しく設定されているはずで、あと一歩のところだと思うのですが、原因がお分かりになりましたら、ご教示いただけますと幸いです。
度々恐縮ですが、何卒よろしくお願い致します。
