prestiageのテーマでランキングバッジを表示させたい

[minorimitani]

prestiageのテーマで下記のサイトのようにランキングバッジを表示させたいです。

またTOP1,2,3の色も下記のサイトようにしたいです。

https://yz-store.com/collections/ranking-all

[株式会社フルバランス]

Minorimitaniさま

はじめまして、フルバランスの渡邉です。

ご質問を確認いたしました。

ランキングがあるとお客様の関心も引けて良いですよね。

詳しい実装方法に関してはこちらの記事が参考になるかと思います。

https://mrtc.jp/347

商品一覧ページで実装されたい場合、Prestigeではmain-collectionというファイルが該当します。

１位〜３位まで色を変えるのはCSSでnth-childを使えば任意の色を指定できますので、お試しいただけますと幸いです。

参考記事：https://developer.mozilla.org/ja/docs/Web/CSS/:nth-child

ご参考になりましたら幸いです。

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス　渡邉

[Nishi]

はじめまして

株式会社UnReactの西川と申します。

弊社のアプリ「シンプルランキング表示｜お手軽ベストセラー」も有効な解決策の一つとしてご紹介させていただきます。

 

 

高いデザイン性のランキングバッジをノーコードで挿入できるアプリです。 

下記、参考情報です。

シンプルランキング表示｜お手軽ベストセラー

Shopifyにランキングバッジを導入するアプリについて徹底解説｜ご利用ガイド

その他にも 45 個の Shopify アプリを開発しているので、ストア運用の際に参考にして頂ければ幸いです。

参考アプリ一覧