Posts tagged with ‘Features’

Show Crop plugin

We've added a new plugin, and it's one that's been requested by a lot of users. 

The Show Crop plugin adds a bit of JavaScript to the client side of your proofing gallery that will mask out images to a center crop matching the proportion of the print size they have selected.  

Let's take a look at a screen shot. 

The image is roughly 4x6 proportion and the user has selected and 8x10 print.  The masks are applied to show them an approximation of what their image will look like after cropping.

Installation
You can either install the Show Crop plugin through the plugin browser or manually download and upload using your favorite FTP program.  (We like FileZilla)

Once you've gotten Show Crop onto your server you will need to active it.  Click on the Options -> Plug-Ins tab and the Activate link next to the Show Crop plugin.

Usage
Once activated, the Show Crop plugin will add two new options to the Options -> Images tab.  Crop Opacity is a number between 0 and 100 that is the percentage opacity of the mask.  Crop Color is the color of the mask and can be any string that works as a CSS color.  Literal colors (black, white, etc), hex colors (#cccccc, #123123), or rgb codes all work.

The JavaScript looks for pricing with something in it formatted as #x#.  So '4x6 Print', '5x7" Print', '8x10 Inch Print', and '24x36 Canvas' all will work.  '8 by 10 Print', 'A Really Big Print', '5"x7" Print' and '5 x 7 Print' will not work because the pattern does not match.

Feedback
We have tested this plugin in Firefox 3.5 and IE7.  But it is very JavaScript dependent and may not work as needed in all browsers.  Please let us know if you come across a browser where it doesn't and we'll see what we can do to get it running correctly.  The scripts are written so that they will silently fail rather than display an error message so your clients shouldn't see any error messages.  It just won't work.

Download

3.4 KiB - 951 downloads

Categories:Plugins
Tags:, , ,