商品画像拡大プラグイン(4.2系)

商品画像拡大プラグイン(4.2系)プラグイン

販売価格:5,000円(税込)

★★★★★0件の評価

公開日: 2024年10月17日 / 更新日: 2024年10月17日

対応バージョン: 4.2.x 系
4.2系4.2.0|4.2.1|4.2.2|4.2.3|4.2.3-p1

提供:bootech

サポート: [email protected]

ライセンス: LGPL

商品情報

商品画像拡大プラグイン(4.2系)


Amazonのように、商品画像にカーソルをホバーするだけで拡大表示が可能になります。
モバイルでは画像タップ時に商品画像専用のモーダルが表示され、ピンチイン・ピンチアウトで商品画像の拡大が可能になります。
また管理画面で拡大画像の表示位置やデザインなど、細かな設定が可能です。





機能概要

カーソル領域の設定

  • カーソル領域の表示
    • 表示する/表示しない
  • カーソルの形状
    • クロスヘア/ポインター/ズームイン/ノーマル
  • カーソル領域の背景色
    • カラーピッカーで選択
  • カーソル領域の透明度
    • 数値で設定
  • カーソル領域の枠線
    • cssで設定
  • カーソル領域のズームステップ
    • 数値で設定
  • ズームの最大値
    • 数値で設定
  • ズームの最小値
    • 数値で設定
  • ズームの開始位置
    • 数値で設定

拡大画像設定

  • 拡大画像表示位置
    • 拡大画像を元の画像の横に表示/カーソルを合わせた画像の上で拡大させ、尚且つ全体を拡大/カーソルを合わせた画像の上で拡大させ、一部分を拡大
  • ディスプレイの空きスペースに応じた表示
    • 有効/無効
  • 画像間の余白(左:px)
    • 数値で設定
  • 画像間の余白(右:px)
    • 数値で設定
  • 拡大画像サイズ設定
    • デフォルト
    • カスタマイズ
  • 拡大画像サイズ(横:px)
    • 数値で設定
  • 拡大画像サイズ(縦:px)
    • 数値で設定
  • 拡大画像のアニメーション
    • ズームアップ/フェードイン/スライドイン
  • 拡大画像の z-index
    • 数値で設定
  • 拡大画像の枠線
    • cssで設定

アニメーションの速度設定

  • 拡大画像のスクロール速度
    • 数値で設定
  • ズーム速度
    • 数値で設定
  • 拡大画像追従速度
    • 数値で設定
  • 拡大画像表示速度
    • 数値で設定

商品画像拡大機能

  • 商品画像拡大機能有効化までの時間(ミリ秒)
    • 数値で設定
導入方法
  • 当プラグインをインストール&有効化してください。
  • 管理画面 > コンテンツ管理 > キャッシュ管理 よりキャッシュを削除してください。
  • 管理画面 > オーナーズストア > プラグイン一覧 > 商品画像拡大プラグイン(4.2系) の設定(歯車アイコン)よりの商品画像拡大ポップアップの設定をしてください。
  • 管理画面 > コンテンツ管理 > キャッシュ管理 よりキャッシュを削除してください。

*カスタマイズを行なっている際は正常に動作しない可能性がございます。

ステータス変更時の処理

インストール時

  • DBテーブル plg_zoom_product_image_config の作成

アップデート時

  • なし

有効化時

  • 初期データの登録

無効化時

  • なし

アンインストール時

  • DBテーブル plg_zoom_product_image_config の削除

商品画像拡大プラグイン(4.2系)

PAGE TOP

リリースノート

商品画像拡大プラグイン(4.2系)の販売を開始しました。(2024/10/17)
プラグインをリリースしました。

PAGE TOP

商品画像拡大プラグイン(4.2系)5,000円(税込)

この商品に対するお客様の声

この商品に対するご感想をぜひお寄せください。

PAGE TOP