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
- Plone-4.2.2 [taito]
- Image and News Item Content Types.
- collective.contentleadimage
How to crop image
- Activate collective.cropimage package through Add-ons configuration page.
- Click link Crop Image Registry under Add-on Configuration.
- Add ID with which the crop dimension will be stored.
- Go to content type where you want to crop images.
- From Actions, click Crop Image.
- Select the name of ID.
- Now you can drag over image to select the crop area.
- 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.
cropped-image is a named view attribute of cropped_image derived from collective.cropimage.browser.miscellaneous.Miscellaneous class.
-
class collective.cropimage.browser.miscellaneous.Miscellaneous(context, request)[source]
-
cropped_image(field, id_name)[source]
Retuns html tag for the cropped image.
| Parameters: |
- field (str) – Field name.
- id_name (str) – 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')" />
Contents: