ページ最下部【Parameter-JS】というhtml内にパラメータ付与に関するjsコードが入っています。

ランダムに開くパネルイメージ

エディタ―上は非表示ですがPreview、Liveで表示確認できます。
PC2行4列、SP3行3列。
読み込み時点で動作開始となるため、ページ途中での使用は非推奨です。

PC・SPでの画像切り替え(webp含む)

ズームしながらフェード

編集画面で動きやレイアウト確認できないため、SaveもしくはPublishしてから動きを確認してください。

ページが読み込まれたらフェードイン

SPのみ動作するスライダー

動き続けるループスライダー

編集画面で動きやレイアウト確認できないため、SaveもしくはPublishしてから動きを確認してください。

逆向きスライド

スライダー サンプル

wegoトップと同じタイプのスライダー。

タブ風切り替えボタン

タブ風切り替えボタン2

table3列テキスト&ProductBox構成

New Column New Column New Column

PATCHWORK LOW RISE DENIM

Sold out

table3列 商品

New Column New Column New Column

Sold out

Sold out

Sold out

Sold out

Sold out

Sold out

table4列 商品

New Column New Column New Column New Column

Sold out

Sold out

Sold out

Sold out

table5列 商品

New Column New Column New Column New Column New Column

Sold out

Sold out

Sold out

Sold out

Sold out
New Column New Column New Column

Sold out

Sold out

Sold out

最初からスライドする商品レイアウト開始商品は中央配置

New Column New Column New Column New Column
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out

SHIRT

Sold out

HAT

Sold out
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out

HAT

Sold out

SP時にスライドする商品レイアウト

New Column New Column New Column New Column
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out

SHIRT

Sold out

HAT

Sold out
New Column New Column New Column

TOPS

Sold out

BOTTOMS

Sold out

HAT

Sold out

Columnsレイアウト例左がスライド(フェード)右が固定コンテンツ

New Column New Column New Column

Sold out

Sold out

Sold out
New Column New Column New Column

Sold out

Sold out

Sold out

ボタンデザインで〇〇から探す

ボタンいろいろButtonツールで作成する

基本的にはボタン背景色、角丸はShogun内で調整。それ以外はCSSにて調整。
ボタン背景色無しはControlsで背景色を黒(#000000)に指定し、透明度を0(TRANSPARENT)に指定する。
SP用は各々調整してください。

▼▼▼▼▼こちらにパラメータ付与に関するJSが入っています。▼▼▼▼▼
html内のjsコードを確認して使用してください。