Dynamic Upload UI

Catfish currently supports the ability to upload print-ready artwork through our MegaEdit upload UI, allowing your users to create outputs which have a canvas that perfectly fits their artwork.

To do this, you will first need to set up a dynamic canvas. Please see this article explaining what a dynamic canvas is and how to configure one.

Once you have created your dynamic canvas, you will need to create dynamic product. Please see this article explaining how to do so - make sure to assign your dynamic canvas to this product.

Now that you have set your product up, you will need to navigate to the product's Product Properties page and enable Use Upload UI as seen in the screenshot below.

Our UI only has native support for uploading PDFs, however if you enable Convert Image to PDF on Upload then your users will be able to upload image files and they will be converted to PDFs for output.

Use_upload_UI.png

If you cannot see this setting, please contact support and we will enable this feature for you.

Now that you have enabled this setting, when you click Start on the product's landing page you will no longer be loaded into the editor, and you will instead see the following page:

Upload_Editor.png

As you can see, you are shown the minimum page dimensions, the page limit, the amount of pages they have already uploaded, as well as how many pages they need to upload in order to meet the minimum page requirements (this can be set in the dynamic product's properties). Please note that in order to support uploading multi-page PDFs, you must enable the setting MediaSupportMultiplePages under Catfish -> Media -> Media Album Settings.

You can either click on the upload field and use the file browser to find the PDF which you would like to upload, or you can drag the file from your folder and drop it into the section - both of these actions will upload the artwork and generate a preview, as seen in the screenshot below.

Uploaded.png

You can see that the price will automatically calculate and be displayed (if you have configured this for the stock you have assigned to this product). You will also be able to see the name of the uploaded PDF, as well as the dimensions of the PDF which directly correlate to the size the dynamic canvas has adjusted to.

If your artwork does not fit within the minimum and maximum ranges, the canvas will shrink/grow to accommodate the artwork as well as it can, and any overlap in the artwork will be handled with by either cropping any overlap for the artwork, or filling the blank space with the stock colour/pattern.

At this stage, you have the following possible actions:

  1. Upload one or more PDF(s) until you reach the maximum number of pages for this product.
  2. Save the project for later (if this setting is enabled)
  3. Click Edit in full editor - this will launch the product in the MegaEdit editor and will allow the user to make changes on top of their uploaded artwork. This feature can be enabled or disabled through the setting Allow full editor in Upload UI in the dynamic product's Product Properties.
  4. Click Show Preview to generate a MegaEdit preview on this page, allowing them to see what their output artwork will look like.
  5. Add the product to the basket.
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk