Skip to main content

Store cropped image dimension for farther usage.

Project description

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

  • Plone-4.3.6 and Python-2.7.10
  • Image and News Item Content Types.
  • collective.contentleadimage

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.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.8 (2015-07-16)

  • Add dependency to Products.CMFPlacefulWorkflow for test. [taito]
  • Fix crop image for image wider than 680px.

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]


Project details

Release history Release notifications

This version
History Node


History Node


History Node


History Node


History Node


History Node


History Node


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Filename, size & hash SHA256 hash help File type Python version Upload date (52.1 kB) Copy SHA256 hash SHA256 Source None Jul 16, 2015

Supported by

Elastic Elastic Search Pingdom Pingdom Monitoring Google Google BigQuery Sentry Sentry Error logging CloudAMQP CloudAMQP RabbitMQ AWS AWS Cloud computing Fastly Fastly CDN DigiCert DigiCert EV certificate StatusPage StatusPage Status page