WELCOME TO THE BLOG

Proofing auto-update: Image management

Proofing plugin users, this morning we’re rolling out another free update to the ProPhoto Proofing plugin. This update contains two improvements to the proofing gallery create/edit screen, plus some smaller bug-fixes and miscellaneous enhancements.

Image management meta box

New in this auto-update is an Image management meta box in your proofing gallery create/edit screens. It looks like this:

Proofing gallery image management meta box

Proofing gallery image management meta box

The purpose of this new area is to give you some additional insight and tools to manage the images in your proofing galleries.

Creating all image sizes

In order to display your proofing gallery images at the correct sizes and with the correct watermarking, and to make them download as quickly as possible, ProPhoto programmatically creates multiple downsized copies of your images. These downsized images are created by your server as needed, based on who is viewing your galleries and with what size screens. This means that the first few times a gallery is viewed, ProPhoto might have to do some additional downsizing work in the background, which can slightly slow down the loading and display of your proofing gallery.

In order to combat that slightly slower loading the first few times a gallery is viewed, you can now click a button to pre-downsize all of the needed smaller watermarked copies. When you click the “Create all images sizes” button, ProPhoto will one-by-one start pre-downsizing all of the possible sizes, as shown here:

ProPhoto showing you the progress of the pre-downsizing of all of your images

ProPhoto showing you the progress of the pre-downsizing of all of your images

Once all of the images are created, your proofing gallery users will not have to ever wait for the server to create a downsized copy of an image. They will have all the possible sizes available and ready for direct loading in their browser. This can provide a noticeable improvement in the performance of your proofing gallery, especially for the first few users to interact with it.

The only downside to creating all of the images before hand is that ProPhoto might end up creating some image sizes that never get utilized by a gallery user. This means that extra web-hosting disk space can be taken up that is not necessary. So, if you’re limited on disk space with your hosting company, you might want to use this button with care.

Deleting all images

click here to delete every image size from your server, freeing up the space again

click here to delete every image size from your server, freeing up the space again

In this new area you can also force the deletion of all of the original and downsized images for your proofing galleries. Large galleries with many downsized copies can take up a lot of space on your server, so this button can come in handy if you want to know that all of that disk space is free again when you’re completely done with a gallery. Only use this button when you’re ready to trash a gallery, or start over with all new images, as there is no undo.

ProPhoto does also now automatically delete all images from any proofing gallery post that has been in the WordPress “trash” for 30 days and is being deleted permanently by WordPress.

Inline help

Also new in this update is the addition of contextual, inline help documentation in the gallery admin create/edit screen. You’ll now see familiar lifesaver and information icons for each customization area:

notice the help icons in the upper right corner, same as in ProPhoto customization screens

notice the help icons in the upper right corner, same as in ProPhoto customization screens

These icons are identical in form and function to those you are familiar with seeing in ProPhoto customization screens. The blue information icon loads a brief text-based explanation of the current customization area:

contextual help in the form of explanatory text

contextual help in the form of explanatory text

Clicking on the lifesaver icon, in contrast, loads a modal view of a full tutorial from our website, focused on that customization area:

direct modal viewing of ProPhoto support tutorials

direct modal viewing of ProPhoto support tutorials

Also in this update

  • fixed a bug that was causing discounts not to be properly passed to PayPal
  • fixed a bug that could cause user data corruption when user leaves image comment with apostrophe
  • add more links to tutorials throughout admin area
  • add a view cart button in the user toolbar for direct access to cart

New p5 feature: Retina Design Images

We’re making ProPhoto build #261 available today, which adds retina image support to “ProPhoto” > “Customize” image areas.

retina-image-uploaded

Previously ProPhoto has displayed retina sized images in Posts and Pages when large enough images have been uploaded.  Today we are adding the next level of retina support by allowing you to upload double-sized images in your ProPhoto customization areas.  With this build you can, if you choose, present an entirely retina compatible site to your visitors.

Depending upon your preferences (and the level of control you desire) you can upload both sizes of the image, or you can upload the larger, retina sized image and allow ProPhoto to downsize it to create the standard sized image.  To get a full run down of this feature and how to use it, see this tutorial:

http://www.prophoto.com/support/retina-design-images/

If you are running a build below #261 and would like to use this new feature, you can force your site to auto-update by going to “ProPhoto” > “Customize” > “Site Settings” > “Misc.” > “ProPhoto Updates”.

Proofing auto-update: Sub-galleries

Proofing Plugin users, yesterday we pushed a free auto-update for anyone on auto-update capable sites. The main feature in this auto-update is sub-galleries. Sub-galleries will allow you to break up large proofing galleries into organized and more reasonably sized sub-groups.

Sub-galleries

With the latest build of the Proofing plugin, you can now choose from one of three gallery “types”: standalone, parent, or child.

Google Chrome

Standalone galleries

Standalone galleries are galleries that, well, stand alone. They are just the same as any gallery you have already created with the Proofing plugin. They do not have a parent gallery, nor do they have any child galleries. You add images directly to them, and configure all of their options (products, discounts, downloads, etc) in one place. This is likely the most common (and thus the default) type of gallery.

Parent galleries

Parent galleries are proofing galleries that contain other proofing galleries. Parent galleries do not have any images directly attached to them, but they contain all of the other configuration options.

notice the missing "Add images" area -- you cannot add images directly to a parent gallery

notice the missing “Add images” area — you cannot add images directly to a parent gallery

Child galleries

Child galleries are galleries that are contained by another proofing gallery. Child galleries allow you to upload and order images, set optional text content, but all other options are inherited from the parent gallery and thus, not available.

child galleries do allow you to add images, but remove most other customization areas, as these are inherited from the parent

child galleries do allow you to add images, but remove most other customization areas, as these are inherited from the parent

Parent gallery display

As mentioned above, parent galleries do not have their own images, they only contain other (child) galleries. The child galleries can be displayed in one of two ways: cover photo, or grid.

parent galleries can display child galleries in two formats: cover photo and grid

parent galleries can display child galleries in two formats: cover photo and grid

Cover photo display

If you choose to display your child galleries in “cover photo” format, it will look something like the below image, with each child gallery displayed as cover photo:

child galleries displayed within parent in "cover photo" format

child galleries displayed within parent in “cover photo” format

Grid display

If you choose to display your child galleries as a grid, you can choose their style, format, and other options:

grid customization options for displaying child galleries in grid format

grid customization options for displaying child galleries in grid format

The child galleries will then appear as customized:

child galleries displayed within parent in grid format

child galleries displayed within parent in grid format

More parent/child gallery info

When you are viewing a child gallery, the user will be presented with links to navigate back and forth to adjacent sibling galleries.

link to adjacent child gallery (sibling) in "sneak peek" format

link to adjacent child gallery (sibling) in “sneak peek” format

User-created shopping carts are tied to the parent gallery, so your users don’t need to send separate orders for the images they want to buy in each sub (child) gallery, they can submit one order containing images from different child galleries.

one cart showing images from two child galleries of same parent gallery

one cart showing images from two child galleries of same parent gallery

Collections are tied to the child gallery, unlike carts being tied to the parent. So if a user submits their “Favorites” collection from a child gallery, it will not also submit the collection from any other sibling galleries.

Also in this auto-update:

Beyond sub-galleries, there are a number of other fixes and improvements contained in this auto-update, including:

  • fix for a bug that caused gallery thumb images in “slides” format to render at the wrong size after mobile device orientation change
  • fix bug that causes proofing gallery to not render on mobile device after ajax page load
  • increase the number of available proofing product categories, groups, variations, and digital download products
  • gracefully and intuitively handle digital download products that are given away free in the add-to-cart screen
  • use proofing gallery optional text content for standard excerpt text, if available
  • add links to many new tutorials from proofing-related ProPhoto input box lifesaver icons
  • fix bug causing deletion of proofing products to fail

Follow us for the latest:

@pro.photo latest tweet:

  • RT @madeyouswoone: This week we are offering 25% off all website templates in our shop! To get the promo code, sign up for our newsletter o…

Get a $30 rebate when you choose our recommended host, Bluehost