画像リサイズ(Amazon S3対応)プラグイン for EC-CUBE4

Twigテンプレートに専用のTwigフィルターを設定するだけで、かんたんに画像をリサイズすることができます。

商品一覧ページの画像サイズを小さくしたいといった場合にご利用ください。

※画像にTwigフィルターを設定すればすべての画像で反映されます。

以下のように「imagine_filter」フィルターを追加してください。

{{ asset(Product.main_list_image|no_image_product, 'save_image') | imagine_filter('resize', {"thumbnail": {"size": [250, 250] }}) }}

リサイズした画像をAmazon S3に保存してS3のURLに書き換えることができます。

【設定方法】
・AWSのAmazon S3にパブリック公開バケットを作成
・管理画面>Amazon S3連携設定ページへアクセス
・AWS アクセスキーを登録
・バケット一覧から上記で作成したパブリック公開バケットを選択して登録
・有効化を有効にする
・Twigテンプレートに専用のTwigフィルターを設定

リサイズした画像をAmazon S3に保存してURLを書き換える機能を追加しました。

【設定方法】
・AWSのAmazon S3にパブリック公開バケットを作成
・管理画面>Amazon S3連携設定ページへアクセス
・AWS アクセスキーを登録
・バケット一覧から上記で作成したパブリック公開バケットを選択して登録
・有効化を有効にする
・Twigテンプレートに専用のTwigフィルターを設定

Twigテンプレートに専用のフィルターを設定するだけで、かんたんに画像をリサイズすることができます。
商品一覧ページの画像サイズを小さくしたいといった場合にご利用ください。