Setting up a basic Multi Part Product (for accepting PDF uploads) | BG_010c
In this tutorial, we will set up a Multi Part type product.
In their default and simplest form, these products are used to allow your end users to directly upload PDF artwork files against a specific product. By uploading PDF's against a specific product, you can benefit from all of the product-based features such as customised landing pages, attribute application and selection and advanced pricing capabilities.
Building on this basic capability, Multi Part products have wide ranging capabilities, always allowing for the upload of PDF's, however providing additional options such as limited PDF validation, the upload of separate PDF's into a single product and much more. These extended capabilities are mostly available by writing config script and at the time of writing are not part of the core Infigo settings.
We will not be focusing on these extended capabilities in this tutorial. If you require additional information, please get in touch with our Support team.
1. We will begin by creating a new Multi Part product. Navigate to Product Management.
This is found under Catalogue > Products > Product Management
2. Click on Add new
3. Enter a name for your product and select Multi Part from the Product type dropdown.
Please note, if you cannot access Multi part from this list, you may need to enable the product type from the "Admin Area Settings" screen.
4. Click on Create
5. Click on View product page
This will take us to our product on the front end of our Storefront so we can view it as our users would.
Remember, you will need to be logged in as (or impersonating) a Storefront administrator to do this. Platform administrators will not be able to view the front end of a particular storefront.
6. Click on Start
This will launch the upload interface for the Multipart product.
7. The default Multi part product editor
Here we see the default Multi part product editor. It contains several distinct areas:
A "Selected Options" area which shows our requested quantity of the product
A number of uploads area, informing our user of how many files they are expected to upload
An upload area which can either be clicked to launch a file browser, or files can be drag and dropped into it.
8. When a file is being uploaded, the user will be presented with a progress bar.
9. Once uploaded, a preview of the first page of the uploaded file will be displayed to the user.
10. Users can then proceed to the next step, where they are first able to preview the full PDF then add the product to their basket.
As mentioned earlier, there are many additional configuration options available with the Multipart product type, via the config script.
There are however a few additional pieces of functionality which can be made available as part of the Multipart window without any scripting. We will take a look at enabling these, which consists of:
Displaying selected attributes (such as material and finish)
Providing a downloadable PDF template for customers
Adding instructions, to ensure the files you receive as part of an order are correct.
11. To begin, navigate to the Product variants settings of your product
12. Click on Edit
13. Enable and upload a sample download file
Here will will enable a downloadable file, which our users will be able to obtain. This is useful if you need to provide a template for your customers to use. This can save a lot of time in the long run, as providing a template could vastly reduce the amount of unusable file uploads received.
Click Downloadable product
Then enable Has sample download file
Then upload a file into the Upload file section
Make sure to save the page.
14. Next we will add some attributes to the product, which will be displayed of the Selected Options section of the multipart product page.
If you are following one of our learning pathways, you may not have come across Attributes yet. This is covered at a later date. Alternatively, there are a number of resources available on the Infigo Academy covering creating attributes and placing them into products.
As a reminder, attributes are selections you give to your users to define the specification of a product. This could be, for example, material, stock, size, finish, colour, etc.
15. For this example, I will add several sample attributes which have already been configured on this Storefront
You will not be able to replicate this step if you have not yet configured any product attributes. We will not be doing this as part of this tutorial.
16. Click on Multi Part config
Finally, we will take a look at adding some upload requirements to our Multi part product window.
This allows us to define text, imagery and more with the aim of informing users of the requirements of any uploaded file.
17. Input text into the Upload Requirements section
By default, this is a Rich Editor, where text can be directly input or formatted.
As with many input areas in Infigo, content can also be added into this field directly as HTML or via the use of our Content Template functionality.
18. Custom Script
The more advanced features available using the Multi part product, which are not covered in this tutorial, are enabled by writing script config into the Custom Script area.
19. Click on Save
20. Navigate back to the product to see the changes
Based on our changes, we can now see several new pieces of information available as part of the multi part product editor.
Our selected options area now contains details of the selected attributes
A sample download PDF is available at the top right of the screen
A new section has been introduced in yellow, containing the upload requirements input for the product.
