Liquid、JavaScriptなどに関する質問
テーマ「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
ご返信ありがとうございます。トライしてみます。
ご回答ありがとうございます!一度試してみます!
ユーザー | ランク |
---|---|
46 | |
30 | |
22 | |
4 | |
4 |
山田繊維株式会社(むす美)は京都の地で風呂敷製造卸売業:山田貫七商店として昭和12年に創業。メイン商材は1000年以上前から使われているという記録がある風呂敷で、その他ハンカチや袱...
By Nanami Jan 12, 2023過去に失われた売り上げを回復するには?Shopifyの新しい自動化機能を活用し、失われた売り上げを簡単に回復する方法を学びましょう!
By Mirai Jan 10, 2023オンラインストアの構築が完了しましたら、一般公開をする前にいくつかのテスト注文を行い、チェックアウトプロセスを確認することが大事です。Shopifyペイメントをご利用いただいている...
By rinaflora Dec 4, 2022