318

Product support

Get help in the plugin support forum.

Categories

In OctoberCMS backend, There is a way available to crop Media images via MediaManager Widget but the problem came-up when backend admin wants to crop other Normal/Gallery images (attachOne/attachMany).

Thanks to the Image Cropper plugin. This problem is solved now.

This plugin provides an Image Cropper Tool in Backend for Normal/Gallery images (attachOne/attachMany).

How to install

  • Go to Image Cropper Plugin and add it to your project.
  • Or You can go to Backend > Settings and then go to install the plugin page and type Zakir.ImageCropper and install it.

How to configure

  • After installation, go to Backend > Settings and type Image Crop and click on IMAGE CROPPER link and then Enable Image Cropper.

How to crop an image

  • Now go to any image upload field and upload the image.
  • After uploading you will see a crop icon on the bottom/left on that image.
  • Click on that icon, it will open image in a pop-up, crop the image here and save it.
  • You can also customize the width/height for cropping via input fields.
  • You can see screenshots for all these steps.

How to call crop image on front-end

  • Suppose your image upload field name is player So in OctoberCMS, you normaly use below code for showing it.

    <img src="{{ model.player.path }}">
  • Now to show crop image, use this.

    <img src="{{ model.player|crop_image }}">
  • Found the plugin useful on 26 Mar, 2020

    Resolve a long time issue with october, seems to work fine. Must have plugin !

  • author

    Replied on 26 Mar, 2020

    Thanks for your nice feedback !!!

1.0.2

Created table zakir_imagecropper_cropper

Mar 24, 2020

1.0.1

First version of ImageCropper

Mar 24, 2020