テーマ「Mobilia」 でcollection内のプロダクト画像右上にランキング表示をしたいのですが、MobiliaでのLiquidコード分かる方教えていただけますでしょうか?
具体的に実装したいことは、以下画像のようにコレクション内商品のTop5位まで、商品画像左上にランキング(数字)表示させることです。
参考サイト:https://francfranc.com/
よろしくお願いしますm(_ _)m
解決済! ベストソリューションを見る。
成功
forloop.index です
https://shopify.dev/docs/themes/liquid/reference/objects/for-loops#forloop-index
Mobiliaテーマは把握していませんがLiquidでの対応はそれなりに大変だと思いますので、以下のようなCSSを使う方法の方が比較的容易かなと思います。
Shopifyに限らない方法のためHTMLとCSSさえわかれば実装できるはずです。
「CSS ランキング」あたりのワードで検索いただくとサンプルがいろいろ見つかると思います。
成功
forloop.index です
https://shopify.dev/docs/themes/liquid/reference/objects/for-loops#forloop-index
ご返信ありがとうございます。トライしてみます。
ご回答ありがとうございます!一度試してみます!