Upload file in checkout

J2Commerce (formerly known as J2Store)

Allow customers to upload one or more files during the order. The app will come in handy for store owners selling products like printed materials. The customer can upload an image or a PDF to their order.

The store owner can download it from the app’s backend and manage all the uploaded files for an order.

Requirements

  1. PHP 8.1.0 +

  2. Joomla! 4.x/ Joomla! 5.x +

  3. J2Commerce / J2Store 4.x +

Installation

  1. Use the Joomla installer to install the app.

  2. In the backend, go to J2Commerce Dashboard > Apps as shown in the image below.

  3. Click Enable in the Upload file in the checkout app.

  4. Once the app is enabled, open the app to configure the settings.

fu01

Configuration

No of file field display: Enter the number of fields to be displayed in the checkout.

Display Place: Choose the place where the upload field should be displayed. You can choose either Billing or Shipping.

fu02

Display the upload file field after? The upload file field will be displayed after the checkout fields are selected here. For example, if you choose Last name, the field will appear after the field Last name.

Upload file types: Add your file format types here. If you don’t have any file formats added here, the app will not allow you to upload the file in that format. For example, if you would like to upload the file in .pdf, make sure that you have added this format in this field.

Manage uploaded files: By clicking the Order File List button at the top of the app’s settings page, you can find all the files uploaded by the customer. It displays the file name with the path where the file is located.

fu03

Shortcodes: The below shortcodes help you to notify the customer that he / she has attached a file to this order.

  1. [ORDERFILE_NOTIFY]This shortcode will display just the message or information saying that the order contains a file attachment.

  2. [ORDERFILE_LIST] This shortcode allows you to include a download link in an email. Use this shortcode in your email template so that when the customer receives the order email, he/she can see the link to download the file that was uploaded.

Frontend

fu04

Last updated