Sample Online Shop

商品一覧

カテゴリータイトル

商品名

商品名《XXX円》

説明文は短めに入力して下さい。沢山詰め込むと表示が途中で切れます。

商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

PICKUP
商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

SOLD OUT
商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

商品名

商品名《XXX円》

説明文は短めに入力して下さい。沢山詰め込むと表示が途中で切れます。

商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

PICKUP
商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

SOLD OUT
商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

商品名

商品名《XXX円》

商品の簡単な説明をここに入れます。

商品一覧用サムネイルについて

写真の縦横の比率はある程度揃えて下さい。縦長や横長などランダムに入れると下の文字情報の量によっては情報が途中で切れてしまいます。

高さを変更したい場合はcssフォルダのstyle.cssの、
「/*PC・タブレット・スマホ共通設定」及び、
「/*ここからタブレット用(481px~800px)環境の設定」にそれぞれある、
#main section.list {
・・・
の、「height」の数字を変更して下さい。

当ページは一覧用のサンプルページです

各カテゴリーメニューごとにhtmlを準備しなおしリンク先も指定しなおして下さい。

この見出しはh2タグです

このボックスは、class="box1"と指定すれば出ます。ここに画像を置く場合、PC環境だと幅198pxまで。

この見出しはh2タグです

ここのスペースも使えます。ここに画像を置く場合、PC環境だと幅220pxまで。

↑ PAGE TOP