商品の簡単な説明をここに入れます。サンプルテキスト。
右上の「おすすめ」の文字情報はhtml側で直接変更できます。 おすすめ <span class="option1">おすすめ</span> 色はcssフォルダのstyle.cssの設定で変更できます。 ※下のコンパクトレイアウトも同じ使い方ができます。
右上の「SOLDOUT」の文字情報はhtml側で直接変更できます。 SOLDOUT <span class="option2">SOLDOUT</span> 色はcssフォルダのstyle.cssの設定で変更できます。 また、画像を半透明にするには、 <div class="list option2"> として下さい。 ※下のコンパクトレイアウトも同じ使い方ができます。
上の横長レイアウトは<section class="list">ですが、<section class="list compact">にするとこのようにコンパクトボックスになります。
文字を詰め込みすぎないで下さい。詰め込みすぎて入りきらない分は非表示になりますのでご注意下さい。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。
ここに商品の説明を入れます。サンプルテキスト。
↑