Liquid、JavaScriptなどに関する質問
回答をご覧いただき、誠にありがとうございます。
以下のような、よくあるスライダーをカスタム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/
ですが、その下にあります、「特定のタグをもったブログ記事を表示する方法」に関しては、何故か実装しても何もブログが表示されない状態となっております...。
<body>
<ul>
<!-- //表示する記事数を変数limitに指定 -->
{% assign limit = 4 %}
<!-- //変数countを定義 -->
{% assign count = 0%}
{% for article in blogs['ニュース'].articles %}
{% for tag in article.tags %}
<!-- //タグが'sample'の記事のみ取得する -->
{% if tag == 'fruit' %}
<!-- //'sample'のタグがついた記事が取得されるごとにcountの数字を1ずつ足していく -->
{% assign count = count | plus: 1 %}
<li>
<a href="{{ article.url }}">
{% if article.image != blank %}
<img src="{{ article.image.src | image_url: width: 600 }}" alt="">
{% else %}
<img src="{{ 'default.jpg' | asset_img_url: width: 600 }}" alt="">
{% endif %}
<p class="title">
{{ article.title }}
</p>
<span class="date">
{{ article.updated_at | date: '%Y.%m.%d' }}
</span>
</a>
</li>
{% endif %}
{% endfor %}
<!-- //countの数字がlimit以上になった場合ループを停止 -->
{% if count >= limit %}
{% break %}
{% endif %}
{% endfor %}
</ul>
</body>
{% schema %}
{
"name": "ブログリスト",
"settings": [
{
"type": "blog",
"id": "blog",
"label": "ブログのカテゴリーを選択"
}
],
"presets": [
{
"name": "ブログリスト(特定のタグ)"
}
]
}
{% endschema %}
・ブログカテゴリー:ニュース
・タグ:fruit に設定↓
・表示されている画面。
(ブログの選択はできるが、画面には何も反映されない)↓
ブログのカテゴリーとタグも正しく設定できているはずで、あと一歩のところだと思うのですが、原因がお分かりでしたらご教示いただけますと幸いです。
度々恐縮ですが、何卒よろしくお願い致します。
株式会社フルバランス 渡邉様
早速、ご回答をいただき誠にありがとうございます。
ご紹介いただきました記事の「特定のカテゴリーをもったブログ記事を表示する方法」に関しまして実装に成功させることが出来ました!
ですが、その下の「特定のタグをもったブログ記事を表示する方法」に関しては、何故か実装できず肝心な部分で行き詰まってしまいました...。
<body>
<ul>
<!-- //表示する記事数を変数limitに指定 -->
{% assign limit = 4 %}
<!-- //変数countを定義 -->
{% assign count = 0%}
{% for article in blogs['ニュース'].articles %}
{% for tag in article.tags %}
<!-- //タグが'sample'の記事のみ取得する -->
{% if tag == 'fruit' %}
<!-- //'sample'のタグがついた記事が取得されるごとにcountの数字を1ずつ足していく -->
{% assign count = count | plus: 1 %}
<li>
<a href="{{ article.url }}">
{% if article.image != blank %}
<img src="{{ article.image.src | image_url: width: 600 }}" alt="">
{% else %}
<img src="{{ 'default.jpg' | asset_img_url: width: 600 }}" alt="">
{% endif %}
<p class="title">
{{ article.title }}
</p>
<span class="date">
{{ article.updated_at | date: '%Y.%m.%d' }}
</span>
</a>
</li>
{% endif %}
{% endfor %}
<!-- //countの数字がlimit以上になった場合ループを停止 -->
{% if count >= limit %}
{% break %}
{% endif %}
{% endfor %}
</ul>
</body>
{% schema %}
{
"name": "ブログリスト",
"settings": [
{
"type": "blog",
"id": "blog",
"label": "ブログのカテゴリーを選択"
}
],
"presets": [
{
"name": "ブログリスト(特定のタグ)"
}
]
}
{% endschema %}
・カテゴリー:ニュース
・タグ:fruit に設定 ↓
・ブログの選択はできるが、何故か反映されない↓
ブログのカテゴリーとタグは正しく設定されているはずで、あと一歩のところだと思うのですが、原因がお分かりになりましたら、ご教示いただけますと幸いです。
度々恐縮ですが、何卒よろしくお願い致します。
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024