スライドショーの設定

スライドショーの設定画像
機能詳細や設定方法
スライドショーの初期設定について
イージーマイショップのアカウントを発行するとサンプルのスライドショーが設定されています。




スライドショーは[スライドショー管理(デザイン設定>詳細レイアウト他>スライドショータブ)]から、新規登録や編集などを行います。




スライドショーの新規登録と編集
[スライドショー管理(デザイン設定>詳細レイアウト他>スライドショータブ)]のから、新規登録や編集を行います。




[画像スライダ設定]が表示されます。




【画像一覧について】※詳細設定は次で説明。
  • パーツ名
    [フリーエリアパーツ管理(デザイン設定>詳細レイアウト他)]でスライドショーのレイアウトを決める際にパーツに表示される名前です。
  • ファイル選択
    [ファイル選択]からスライド画像に使う画像をアップロードします。
    ※既に画像が登録された状態でアップロードすると上書きされます。
  • リンク先URL
    スライドをクリックするとリンクするページのURLを登録します。
    ショップ内のページURLは「リンク・独自アプリタグ(拡張設定>リンク一覧・API)]をご参考ください。
    外部リンクを登録する場合は、「http://」から登録して下さい。
  • キャプション
    スライド画像の下に表示されるテキスト文章です。
    ※空欄にすると(黒い帯も含め)何も表示されません。


  • alt
    スライド画像のaltタグを登録する際に入力します。
    altタグ…画像などが表示できない場合に代わりに表示する文字列を定義するもの。(IT用語辞典 参照)

  • スライド画像を削除できます。

  • スライド画像を追加できます。
  • スライドを並び替える
    各スライド画像をドラッグ&ドロップするとスライド画像の順番を並び替えることができます。



【詳細設定】
詳細設定では、数値などを入れて入力枠外をクリックすると右側にプレビューが表示されるので、確認しながら調節できます。

  • 最大幅指定
    スライドショーの最大幅を指定することができます。
    チェックを外すと、スライドショーを配置した場所の幅になるので無理に指定する必要はありません。
  • 画像表示秒数
    画像が表示されている秒数です。
  • アニメーション所要秒数
    [アニメーションの種類]で設定するアニメーションの時間を設定します。
  • アニメーションの種類
    fade:スライド画像がその場で替わります slideInLeft:スライド画像が左にスライドして替わります
  • ナビゲーション
    スライド画像を切り替える為のナビゲーションを選択します。

    サムネイル:スライド画像の下に、登録した全てスライド画像がサムネイル表示されます。


    マーカー:スライド画像にマウスポインタを置くと、< や > 、 ・ のマーカーが表示されます。


    なし:スライド画像のみの表示となり、手動では画像を切り替えることができません。
以上を登録した後、[保存]すればスライドショーの設定は完了です。

スライドショーのパーツを作成する
設定したスライドショーをショップページに貼る為のパーツを作成します。
フリーエリアパーツ管理(デザイン設定>詳細レイアウト他)の右側[未使用パーツ]にある[新規作成]を押します。




[パーツ種類:]から“スライドショー”を押して[OK]を押します。




[スライドショーパーツ選択:]から設定または編集したスライドショーを選択して保存します。




[未使用パーツ]にスライドショーのパーツが作成されるのでレイアウト図に配置すれば完了です。




※パーツの配置については「パーツを配置する」をご参考ください。
※このヘルプは、2015年3月に作成された内容です。仕様変更などにより設定方法などが異なる場合がございます。ご不明な場合は右下の「この機能について問い合わせる」よりご連絡ください。
ecコンシェル
[PR]
サポート営業日
Copyright ©イージーマイショップ - オープンガイド All Rights Reserved.