アニメーション

ここでは、ストアに実装するアニメーション要素をカスタマイズすることができます。

テーマ設定→アニメーション

ポップアップ

カート・アカウント・ウィッシュリストのポップアップが表示された時にぼかし効果を入れるには、「背景画像へのブラー効果」を有効にしてください。

ブラー効果を有効にすると以下のような表示になります。

プロモボックス

プロモボックスは、ヘッダーのメガメニューの一部です。プロモボックスの画像は、『MISEル』テーマカスタマイズ画面にて、ヘッダーセクション内の「メガメニュー >プロモボックス」ブロックより設定が可能です。

プロモボックスエフェクト(秒)

このオプションでは、プロモボックス内の画像のアニメーションの滑らかさを設定できます。

ツールチップ

ツールチップを有効にする(サイト全体)

ここでは、ツールチップをすべてのショップページで有効にするか、無効にするかを選択することができます。

アニメーションスタイル

ツールチップのスタイルも変更することができます。ツールチップのスタイルは

  • フェード

  • スケール

  • シフト1

  • シフト2

  • パースペクティブ

の5種類があります。

ヘッダー

スティッキーヘッダーの不透明度

ここでは、スティッキーヘッダーの不透明度を0.5~1.0の範囲で変更できます。

ヘッダースライドの長さ(秒)

ここでは、ヘッダースライドの長さを0~1.0秒の範囲で変更できます。

プロダクト

コレクションページの商品画像ホーバー時のアニメーションスタイル

ここでは、コレクションページでの商品画像をホバーした時のコンテンツ(矢印、クイックビュー、ラベル、カウントダウン)のアニメーションスタイルを選択できます。

選択可能なスタイルは

  • トグル(切り替え)

  • フェード

  • 水平方向

  • 縦方向

  • 全方向

  • スケール

の6種類です。

ボタンのアニメーション

ここでは「カートに入れる」・「比較に入れる」・「ウィッシュリストに入れる」ボタンのホバー時のアイコンのアニメーションを有効または無効にすることができます。

「シェイク」アニメーション

このオプションを有効にすると、商品ページの「カートに入れる」ボタンが横揺れするようなアニメーションを追加することができます。

Last updated