ページ最下部【Parameter-JS】というhtml内にパラメータ付与に関するjsコードが入っています。
ランダムに開くパネルイメージ
エディタ―上は非表示ですがPreview、Liveで表示確認できます。
PC2行4列、SP3行3列。
読み込み時点で動作開始となるため、ページ途中での使用は非推奨です。
PC・SPでの画像切り替え(webp含む)
ズームしながらフェード
編集画面で動きやレイアウト確認できないため、SaveもしくはPublishしてから動きを確認してください。
ページが読み込まれたらフェードイン
SPのみ動作するスライダー
動き続けるループスライダー
編集画面で動きやレイアウト確認できないため、SaveもしくはPublishしてから動きを確認してください。
逆向きスライド
スライダー サンプル
wegoトップと同じタイプのスライダー。
タブ風切り替えボタン
- WOMEN
- MEN
タブ風切り替えボタン2
- \NEW!/ITEM
- LINE UP
table3列テキスト&ProductBox構成
New Column | New Column | New Column |
PATCHWORK LOW RISE DENIM | Sold out |
ボタンいろいろButtonツールで作成する
基本的にはボタン背景色、角丸はShogun内で調整。それ以外はCSSにて調整。
ボタン背景色無しはControlsで背景色を黒(#000000)に指定し、透明度を0(TRANSPARENT)に指定する。
SP用は各々調整してください。
▼▼▼▼▼こちらにパラメータ付与に関するJSが入っています。▼▼▼▼▼
html内のjsコードを確認して使用してください。