Setting up a basic Multi Part Product (for accepting PDF uploads) | BG_010c
SW

Sam Webster

Created Jul 02, 2024

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.

24
1

1. We will begin by creating a new Multi Part product. Navigate to Product Management.

This is found under Catalogue > Products > Product Management

We will begin by creating a new Multi Part product. Navigate to Product Management.
2

2. Click on Add new

Click on Add new
3

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.

Enter a name for your product and select Multi Part from the Product type dropdown.
4

4. Click on Create

Click on Create
5

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.

Click on View product page
6

6. Click on Start

This will launch the upload interface for the Multipart product.

Click on Start
7

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.

The default Multi part product editor
8

8. When a file is being uploaded, the user will be presented with a progress bar.

When a file is being uploaded, the user will be presented with a progress bar.
9

9. Once uploaded, a preview of the first page of the uploaded file will be displayed to the user.

Once uploaded, a preview of the first page of the uploaded file will be displayed to the user.
10

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.

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.
11

11. To begin, navigate to the Product variants settings of your product

To begin, navigate to the Product variants settings of your product
12

12. Click on Edit

Click on Edit
13

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.

Enable and upload a sample download file
14

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.

Next we will add some attributes to the product, which will be displayed of the Selected Options section of the multipart product page.
15

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.

For this example, I will add several sample attributes which have already been configured on this Storefront
16

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.

Click on Multi Part config
17

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.

Input text into the Upload Requirements section
18

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.

Custom Script
19

19. Click on Save

Click on Save
20

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.

Navigate back to the product to see the changes
Well done!
Create how-to guides like this in a snap. Get Tango now.