FROM CACHE - jp_header
解決済

メタフィールドの「評価」を数字ではなく星で表示させたい

Meow25
Shopify Partner
20 3 4

よくアパレルサイトで見かけるこれ

スクリーンショット 2022-10-19 17.32.12.png

をメタフィールドの「評価」を使えば星で表現できるのではと思ったのですが、どうしても数値で出てきてしまいます。

これを数値ではなく星(もしくは何か記号)で表示させることできないのでしょうか、、

にゃー
1 件の受理された解決策
Jizo_Inagaki
Shopify Partner
1046 394 707

成功

手順としては既に記載しました内容がお伝えできるあたりかなと思います。

補足としては、レビューに設定する値が小数点を含むのであればもう少し工夫が必要になる点でしょうか。

 

「Liquidは書けないがメタフィールドの値は出力できる」ということであれば、「評価」ではなく「ファイル」を使うなど別手法を検討した方が良いようには思います。

 

以上ですが上記回答では不足するようでしたら、このまま他の方の回答を待たれるか、エキスパートやパートナーに依頼されることをお勧めします。

その場合はお役に立てず申し訳ありません。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

4件の返信4

Jizo_Inagaki
Shopify Partner
1046 394 707

正規の使い方かどうかは確認していませんが、数値が取れるなら以下のような方法はあるかなと思います。

  • for i in (1..n) のような形でnにメタフィールドの値を入れて要素を必要数出力
  • クラス名にメタフィールドの値を反映させ、CSSの背景画像などで出力
Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
Meow25
Shopify Partner
20 3 4

お返事ありがとうございます!

すみません、当方コードを触ることが得意でなく、、、

なんとなく仰っている意味はわかるのですが、その手順をご教示いただけると助かります。。

にゃー
Jizo_Inagaki
Shopify Partner
1046 394 707

成功

手順としては既に記載しました内容がお伝えできるあたりかなと思います。

補足としては、レビューに設定する値が小数点を含むのであればもう少し工夫が必要になる点でしょうか。

 

「Liquidは書けないがメタフィールドの値は出力できる」ということであれば、「評価」ではなく「ファイル」を使うなど別手法を検討した方が良いようには思います。

 

以上ですが上記回答では不足するようでしたら、このまま他の方の回答を待たれるか、エキスパートやパートナーに依頼されることをお勧めします。

その場合はお役に立てず申し訳ありません。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
Meow25
Shopify Partner
20 3 4

ありがとうございます!!

「ファイル」を使用していい感じに表示させることができました!!!

にゃー