アイテム01
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
パーツ > 静的パーツ
コレクション タイル型 ul.collection_tile
-
アイテム01 li.feature
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム02
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム03
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム04
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム05
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム06
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム07
今しか食べられない旬のフルーツなテキスト。テキストが入ります。テキストが入ります。テキストが入ります。
-
アイテム08
縦長画像の全体を表示したい場合には、img要素に
class="fit_height"を加えます。
コレクション インデックス型
コレクション インデックス型 スタンダード ul.collection_index
レイアウト > カラム の内部に配置
コレクション インデックス型 コンパクト ul.collection_index.compact
レイアウト > カラム の内部に配置
コレクション リボン型
.collection_ribbon > ul
コンテンツ幅内に設置
要素は中央揃えとなり、親ボックスから左右にはみ出す分は見切れます。
スマートフォン向けの幅の狭い画面ではすべての画像が表示されます。
画像にリンクを貼ることもできます。
全幅領域に配置
要素が少ない場合
丸窓メンバーリスト
ul.circular_member_list
-
アイテム01 -
アイテム02 -
アイテム03 -
アイテム04 -
アイテム05 -
アイテム06長いテキスト長いテキスト -
アイテム07長いテキスト長いテキスト -
縦長のimgには、class="fit_width"を追記します。