ColorMeShop Review Component

カラーミーショップのトップページに表示するレビュー表示Web Componentです。 Supabaseに保存されたレビューデータを美しく表示します。

使用方法

このコンポーネントをカラーミーショップのトップページに追加するには、以下のコードを「売れ筋商品」セクションの直後に挿入してください：

<!-- レビュー表示コンポーネント（推奨：自動設定） -->
<script src="https://colorme-review-component.sitarama.app/colorme-review-component.js"></script>
<colorme-review-component></colorme-review-component>
        

利点： APIエンドポイントが自動で設定されるため、シンプルで使いやすい

🎨 モダンなデザイン

現在のカラーミーショップのデザインと調和するモダンなインターフェース

📱 レスポンシブ対応

スマートフォンからデスクトップまで、あらゆるデバイスで最適表示

🖼️ 商品画像表示

レビュー対象商品のサムネイル画像を自動で表示

⭐ 星評価システム

視覚的にわかりやすい5段階の星評価表示

🛡️ Shadow DOM

CSS競合を避けるためのShadow DOM使用でスタイル分離

⚡ 高速読み込み

非同期データ読み込みで高速なページパフォーマンス