HTML内の並べ替えについてご教示いただけたらと思います。

Question

railsにより@foodsの並び替えについてご教示いただきたく思います。

やりたいこと

総合のランキングと犬ごとのランキングで並び順を変えたいです。
何かの犬を選択し、ページに飛んだ時にドッグフードの並び順を犬ごとのランキングに分けたいです。

例：
総合のランキング
ドッグフードA→ドッグフードＢ→ドッグフードＣ

ミニチュアダックスフンドだけの☆ランキング
ドッグフードＢ→ドッグフードＡ→ドッグフードＣ

だった場合にも、Ａ→Ｂ→Ｃの並び順になってしまっている。

【現在】
下記の通りHTMLに直書きしてます。

現在は、口コミの星の平均avg(microposts.rate)を降順で出しています。

where文等試してみましたが、なかなかうまくいかずでした、、
何卒宜しくお願い致します。