Docy Child

アニメーション

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

ポップアップ

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

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

テーマ設定:アニメーション - ポップアップ ブラー効果

プロモボックス

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

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

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

ここに見出しテキストを追加

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

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

テーマ設定:アニメーション - ツールチップの有効化

アニメーションスタイル

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

  • フェード
  • スケール
  • シフト1
  • シフト2
  • パースペクティブ

の5種類があります。

ヘッダー

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

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

テーマ設定:アニメーション - スティッキーヘッダーの透明度

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

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

プロダクト

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

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

選択可能なスタイルは

  • デフォルト
  • フェード
  • 水平方向
  • 縦方向
  • 全方向
  • スケール

の6種類です。

ボタンのアニメーション

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

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

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