collective.cropimage

This package provides image cropping for images which reside in ATContentTypes fields in Plone. Those images can be cropped without losing the original images and without adding new images to blobs. It only sets the cropping dimension to the object annotations.

Currently tested With

How to crop image

  1. Activate collective.cropimage package through Add-ons configuration page.
  2. Click link Crop Image Registry under Add-on Configuration.
  3. Add ID with which the crop dimension will be stored.
  4. Go to content type where you want to crop images.
  5. From Actions, click Crop Image.
  6. Select the name of ID.
  7. Now you can drag over image to select the crop area.
  8. Save the area.

How to use the cropped image on your template

For example:

<div tal:replace="structure python: context.restrictedTraverse('cropped-image')('image', 'small-image')" />

Here, image is the field name and small-image is the ID name.

collective.contentleadimage

collective.cropimage works with collective.contentleadimage, too. The image field name is leadImage, so use cropped image like:

<div tal:replace="structure python: context.restrictedTraverse('cropped-image')('leadImage', 'small-image')" />

Change log

1.7 (2014-08-13)

  • Update jquery.jcrop.js to version 0.9.12. [taito]
  • Fix for image scaling site which uses max-width. [taito]

1.6 (2013-05-11)

  • Move test packages to extras_require. [taito]

1.5 (2013-01-06)

  • Test with Plone-4.2.3. [taito]
  • Add testing integration to Travis CI. [taito]

1.4 (2012-11-14)

  • Test with Plone-4.2.2. [taito]

1.3 (2012-08-30)

  • Fix bug in registry.xml export. [taito]

1.2.1 (2012-04-07)

  • Change package name from inicie.cropimage into collective.cropimage. [taito]
  • Turn into non-Zope2 package. [taito]
  • Fix javascript loading error for production site. [taito]

1.1.1 (2012-01-25)

  • CSS updates. [taito]

1.1 (2011-11-12)

  • Setting aspectRatio, minSize and maxSize is not available. [taito]
  • Update copy right. [taito]
  • Test with collective.contentleadimage. [taito]

1.0 (2011-10-03)

  • Initial release. [taito]

Credits