特集名

特集ページメインバナー、ページ紹介文テンプレート
バナー横幅700px固定、700px未満の画像は左寄せ表示、高さの規定無し。
紹介文の文字数制限無し

おすすめ商品カテゴリー

PCサイト専用ナビゲーション。
アイコンは横70px×縦54px固定、透過png画像を推奨
カテゴリー名は自動改行、3行目は枠内に収まらないため2行以内で

外部テキストリンク

外部アイコンはスタイルシートにより自動表示
表示位置はクラス指定により「左・中央・右」

グリッド表示

コンテンツを分割して横並びに掲載する場合のテンプレート。
2・3・4分割を個別に選択
クラス指定することで上下コンテンツを実線、点線で分割可能

2分割時の横幅は340px、3分割時は220px、4分割時は160px

width 340px

width 220px

width 160px

各掲載コンテンツブロックの高さ指定はされていないので、2行以上でコンテンツが掲載されている場合、行内の高さが揃っていない場合表示がくずれる。

ボックスタイプ

枠線線表示のグリッドスタイル
コンテンツ内側にスペースが生まれるため、枠線が内タイプに比べ20px狭くなっている。

2分割で320px、3分割で200px、4分割で140px。上下コンテンツを実線・点線で区切ることも可能

  • aaa
  • aaa
  • bbb
  • bbb
  • bbb
  • ccc
  • ccc
  • ccc
  • ccc

テキストスタイル

H3タグ セクションタイトル

H3タグ タイトル 行間広め

H3タグ セクション オルトタイトル

ああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああ

ああああああああああああああああああああああああああああああ

行間広めああああああああああ

注釈、※付きスタイル

※オリジナルスタイルオリジナルスタイルオリジナルスタイルオリジナルスタイルオリジナルスタイルオリジナルスタイル
オリジナルスタイルオリジナルスタイルオリジナルスタイルオリジナルスタイルオリジナルスタイルオリジナルスタイル

拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル
拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル拡張スタイル

  • ああああああああああああああああああああああああああああああ
  • ああああああああああああああああああああああああああああああ
  • ああああああああああああああああああああああああああああああ

リスト表示スタイル

  • ああああああああああああああああああああああああああああああ
    ああああああああああああああああああああああああああああああ
  1. ああああああああああああああああああああ
  2. ああああああああああああああああああああ
  3. ああああああああああああああああああああ
  4. ああああああああああああああああああああ
  5. ああああああああああああああああああああ

特集ページ アンカーリンク 追加リンク

特集ページ 1カラムバージョン

商品情報掲載用スタイル、1・2・3・4カラム
商品情報掲載以外では使用しないよう

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

特集ページ 1カラムバージョン 拡張スタイル

  • 画像表示エリアwid358pxまで。heiフリー。ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

特集ページ 2カラムバージョン

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

  • ああああああああああああああああああああああああああああああああああああああああ
    ああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ
    ああああああああああ
    ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

特集ページ 3カラムバージョン

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

    Web価格 0,000,000円 (税別)

    税込価格 9,999,999円  

特集ページ 3カラムバージョン

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

  • ああああああああああああああああああああああああああああああああああああああああ

    適応畳数

    空気清浄:16畳まで

    ああああああああああ ああああああああああ aaaaaaaaaa

リーズナブルセット

Web価格 0,000,000円 (税別)

税込価格 9,999,999円  

特集ページ 4カラムバージョン

特集ページ 4カラムバージョン 区切り線追加

PCページのみ商品情報コンテンツを行ごとに区切り線で分割可能

特集ページ 4カラムバージョン 各項目の高さ揃え

商品掲載スタイル仕様:

コンテンツ上部、太字の商品コメント項目は2行文確保
ジャンル・型番は1行に表示、収まらない場合は改行分離

「商品コメント」、「機能・仕様」、「メーカー・ジャンル・型番」の高さをULタグにクラス指定することで手動設定可能。

商品コメント:com_ + 行数_ ここでは「com_3_」を指定。指定可能範囲 3〜6

機能・仕様:spc_ + 行数_ ここでは「spc_3_」を指定。指定可能範囲 3〜5

メーカー・ジャンル・型番:mod_ + 行数_ ここでは「mod_3_」を指定。指定可能範囲 3〜5

項目の自動高さ揃え PCページのみ

「script_matich_height.js」を読み込み、ULにmatch_height_クラス指定することで、特定の項目の高さを揃える

対象は手動設定可能な項目とグリッドスタイル。
自動設定する場合は手動用クラスは削除、高さの上限無し

  • ああああああああああああああああああああああああああああああああああああああああああああああああああ

  • あああああああああああああああああああああああああ

    aaaaa

  • あああああああああああああああああああああああああ

グリッドボックスの掲載

枠線で囲まれたボックスを掲載、実線、点線、破線、太線をクラス指定

グリッド内の特定のボックスのみ枠線をつける

枠線無しのボックスを作成し、特定のボックスに「border_box_」クラスを指定する

スマートフォンサイトでは「fix_」クラスを指定することで、2・4カラム時に2カラム表示が可能

  • ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

  • タイトル

    あああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

    ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

  • ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

    ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

  • ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

    ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

商品画像セレクター テスト

グリッドスタイルを利用した商品画像のセレクター
カラーバリエーションにより、対象商品を2・3カラム表示

商品画像はL画像を使用

タイトル