CS-Cart for ECモール & マーケットプレイスでは、デザインテンプレートに Tailwind を採用しています。
そのため、Tailwindベースのデザインコンポーネントを配布している各種サービスから、希望するコンポーネントをコピー＆ペーストするだけで、CS-Cart上で表示することができます。
この記事では、HyperUI（https://www.hyperui.dev/）で無料配布されているコンポーネントを利用して、CS-Cartのトップページにカード形式のコンテンツを表示する方法を解説します。
CS-Cartでは、今回解説したカードコンポーネントだけなく、Tailwindで構成されたあらゆるコンポーネントをコピー＆ペーストするだけで表示できます。また、Tailwindのクラスを変更・追加することによりデザインを自由にカスタマイズできます。