最終更新
CS-Cart for ECモール & マーケットプレイスでは、フロントエンドのデザインに Tailwind CSS を採用しています。
Tailwind CSSとは
Tailwind CSSは、ウェブサイトやアプリケーションのデザインを効率的に構築するためのユーティリティファーストのCSSフレームワークです。従来のCSSフレームワークとは異なり、Tailwindは事前に定義されたクラスを提供し、それらを組み合わせることでデザインを作り上げることができます。
Tailwindは多くのプロジェクトで採用されており、多種多様なデザインコンポーネントが多くのウェブサイトで無料・有料で公開されています。
Taiwindベースのデザインコンポーネントを配布しているウェブサイトの例
これらのウェブサイトで提供されているデザインコンポーネントをコピーし、文言やリンク先などを調整することにより、自身のECモールに簡単に導入することができます。
一例として、Meraki UI で公開されている「価格表」をECモールのトップページに表示させる方法を解説します。
最終更新