サンプルECサイトを作ってみました。サンプルECサイトを作ってみました。~heightLineプラグインの使用~サンプルECサイトを作ってみました。デザイナーTweet弊社ではECサイトのシステムを開発し、サイトの制作も行なっていますが、その関係で、ちょっとしたサンプルサイトを作ってみました。完全に自分好みの色合い、レイアウトもいろんなサイトを見ていて、やってみたいと思ったモノですが、よろしければデモをご覧ください。DEMOjQueryを使用した部分について説明していきたいと思います。説明文がふわっと表示されます。false;});heightLineの使用方法これは簡単で便利なプラグインでよく使用しています。あるコンテンツの高さを揃えたい時に使用するプラグインです。masonryといったプラグインをつかってレンガのように、並べるケースもありますが、それだと見にくい、っていう場合にいいかと思います。ここでは、商品の高さをすべて同じにし、レイアウトが崩れないようにしています。(同じテキスト量なので、使わなくてもレイアウトは崩れませんが・・・)使い方は、headタグ内に、jQueryと、このプラグインを読み込みます。src="js/heightLine.js"></script>あとは揃えたいコンテンツのclassにheightLineをつけるだけです。以上、サイトについて簡単に説明させて頂きました。ECサイトのサンプルを作ってまた披露できたらと思います。ProfileY.Aアベと申します。ディレクター兼デザイナー兼コーダーです。未熟者ですが、日々頑張っています。