00:00:07:12 - 00:00:08:22
This tutorial will set up
00:00:08:22 - 00:00:11:22
a multipart type product
00:00:11:23 - 00:00:13:14
in a default and simplest form.
00:00:13:14 - 00:00:17:05
These products are used to allow
your end users to directly upload PDF
00:00:17:05 - 00:00:20:05
artwork files against a specific product,
00:00:20:21 - 00:00:23:05
by uploading PDFs
against a specific product.
00:00:23:05 - 00:00:26:05
You can benefit from all of the product
based features.
00:00:26:16 - 00:00:30:10
This is things such as customize landing
pages, attribute
00:00:30:14 - 00:00:34:13
application and selection,
and advanced pricing capabilities.
00:00:36:08 - 00:00:37:29
Building on this basic capability,
00:00:37:29 - 00:00:40:29
multi-part products have a wide ranging
00:00:41:05 - 00:00:45:03
set of capabilities,
always allowing the upload of PDFs.
00:00:45:03 - 00:00:49:13
However, providing additional options
such as limited PDF validation,
00:00:49:28 - 00:00:53:26
the upload of separate PDFs
into a single product, and much more.
00:00:55:09 - 00:00:58:18
These extended capabilities
are mostly available by writing
00:00:58:18 - 00:01:02:09
config script, and at the time of writing
are not part of the core.
00:01:02:09 - 00:01:05:13
Infigo set of user interface settings.
00:01:07:10 - 00:01:07:26
We will not be
00:01:07:26 - 00:01:11:00
focusing on these extended
capabilities in this tutorial.
00:01:11:00 - 00:01:14:08
If you require additional information,
please get in touch with our support team.
00:01:17:08 - 00:01:20:15
So we're going to start off
by creating a new multi-part product.
00:01:20:29 - 00:01:24:05
We'll do this just by navigating
to our product management screen.
00:01:29:05 - 00:01:29:16
And then we're going
00:01:29:16 - 00:01:32:16
to go to add a new product.
00:01:32:26 - 00:01:34:11
Give that product a name
00:01:34:11 - 00:01:37:11
and make sure that you've selected
Multi-part from the dropdown.
00:01:37:18 - 00:01:41:01
If you can't see multipart,
then you may need to activate it
00:01:41:01 - 00:01:42:27
on your particular storefront.
00:01:42:27 - 00:01:46:17
There's a separate tutorial on this,
but you can just navigate to the admin
00:01:46:17 - 00:01:50:01
area settings and enable
the multipart product
00:01:50:02 - 00:01:53:02
type.
00:01:53:27 - 00:01:55:03
For products now created.
00:01:55:03 - 00:01:58:22
And I'm just going to straightaway
go to View Product page.
00:01:59:16 - 00:02:02:09
This will take us to our product
on the front end of our storefront.
00:02:02:09 - 00:02:04:22
So we can view it
as our users would view it.
00:02:06:00 - 00:02:07:17
Remember you will need to be logged in
00:02:07:17 - 00:02:11:10
as or impersonating
a storefront administrator to do this.
00:02:11:24 - 00:02:14:17
Platform administrators
will not be able to view the front end
00:02:14:17 - 00:02:17:17
of a particular storefront.
00:02:18:28 - 00:02:21:07
We'll click on start
to launch the interface
00:02:21:07 - 00:02:24:07
for the multipart product.
00:02:30:26 - 00:02:31:12
What we can see
00:02:31:12 - 00:02:34:12
here is the default multipart
product editor.
00:02:35:11 - 00:02:37:08
It contains several distinct areas.
00:02:37:08 - 00:02:40:22
We have a selected options area
over on the left hand side,
00:02:41:00 - 00:02:44:00
which shows our requested
quantity of the product.
00:02:46:24 - 00:02:49:10
We have a number of uploads area.
00:02:49:10 - 00:02:53:02
This is informing our use of how
many files are expecting to be uploaded,
00:02:54:23 - 00:02:57:23
and we have the actual upload area itself,
00:02:58:06 - 00:03:00:28
which can either be clicked
to launch a file browser,
00:03:00:28 - 00:03:03:10
or files can be drag and dropped into it.
00:03:09:12 - 00:03:11:18
When a file has been uploaded,
the user, as you saw
00:03:11:18 - 00:03:14:18
then, will be presented
with a progress bar.
00:03:16:11 - 00:03:18:23
Once uploaded, a preview of the first page
00:03:18:23 - 00:03:21:23
of the uploaded file
will be displayed to the user.
00:03:22:28 - 00:03:26:10
Users can then proceed to the next step,
where they'll first be able
00:03:26:10 - 00:03:29:17
to preview the full PDF
and then add the products
00:03:29:17 - 00:03:32:17
to their basket.
00:03:33:18 - 00:03:35:20
Now, as mentioned earlier,
there are many additional
00:03:35:20 - 00:03:39:06
configuration options available
within the multipart product type,
00:03:39:15 - 00:03:42:15
and this is via the config script.
00:03:42:17 - 00:03:45:07
There are, however,
a few additional pieces of functionality
00:03:45:07 - 00:03:46:25
which can be made available
00:03:46:25 - 00:03:50:10
as part of the multipart window
without any additional scripting.
00:03:50:23 - 00:03:54:17
And we'll take a look at enabling these,
which consists of,
00:03:55:13 - 00:03:59:17
so you can display selected
attributes and attributes of things
00:03:59:17 - 00:04:02:23
such as materials,
finish size, that kind of thing.
00:04:04:21 - 00:04:05:17
We can provide a
00:04:05:17 - 00:04:08:17
downloadable PDF
template for our customers,
00:04:10:00 - 00:04:14:07
and we can add some upload instructions
to ensure that the files that you receive
00:04:14:15 - 00:04:17:15
as part of the order are correct.
00:04:20:19 - 00:04:21:11
So to begin,
00:04:21:11 - 00:04:24:11
I'm going to go back to the back
end of this product
00:04:24:13 - 00:04:27:13
and navigate to its product
variant settings.
00:04:33:10 - 00:04:34:18
So we'll start off with the ability
00:04:34:18 - 00:04:39:16
to download a sample file,
which might be something like a die line
00:04:39:16 - 00:04:42:16
or some additional instructions,
or a template.
00:04:42:20 - 00:04:46:13
So on the product variant screen
under the info tab
00:04:47:09 - 00:04:50:09
and scroll
all the way down to downloadable product
00:04:51:10 - 00:04:53:19
that reveals a few extra options.
00:04:53:19 - 00:04:56:19
I can go has sample download file,
00:04:56:24 - 00:05:00:02
Then I can upload the file that I want
our customers to be able to download.
00:05:11:11 - 00:05:12:14
Once that's done, make sure
00:05:12:14 - 00:05:15:14
that you actually save the page.
00:05:17:26 - 00:05:18:22
Now next we'll add
00:05:18:22 - 00:05:21:22
some attributes to the product
which will be displayed
00:05:22:22 - 00:05:24:12
on the selected options
00:05:24:12 - 00:05:27:12
section of the multipart product page.
00:05:27:16 - 00:05:29:23
Now, if you're following
one of our learning pathways
00:05:29:23 - 00:05:32:12
you may not have come across
attributes yet.
00:05:32:12 - 00:05:34:10
This is covered at a later date.
00:05:34:10 - 00:05:37:29
Alternatively, there are a number
of resources available on the Indigo
00:05:37:29 - 00:05:41:22
Academy covering creating attributes
and placing them into your products.
00:05:42:15 - 00:05:46:10
As a reminder, attributes are selections
that you give to your users
00:05:46:15 - 00:05:51:07
to define the specification of a product
so they could be, for example,
00:05:51:07 - 00:05:54:13
materials, stock size, finish, color,
00:05:55:12 - 00:05:58:04
whatever you need.
00:05:58:04 - 00:06:01:04
We're going to start off
by clicking on the attributes tab.
00:06:01:14 - 00:06:02:21
Go to Add View record.
00:06:04:03 - 00:06:06:09
And in this example I'm going to add
several
00:06:06:09 - 00:06:09:27
example attributes which have already been
configured on this storefront.
00:06:10:12 - 00:06:12:13
Now you will not be able
to replicate this step
00:06:12:13 - 00:06:15:13
if you've not yet configured
any attributes,
00:06:15:23 - 00:06:17:14
and will not be creating the attributes.
00:06:17:14 - 00:06:20:04
As part of this tutorial.
00:06:20:04 - 00:06:23:04
And again, make sure you save.
00:06:25:26 - 00:06:27:21
Now finally,
we're going to take a look at adding
00:06:27:21 - 00:06:31:08
some upload requirements
to our multi-part product window.
00:06:31:22 - 00:06:36:22
Now this allows us to define text, imagery
and more with the aim of informing users
00:06:37:07 - 00:06:40:07
of the requirements of any uploaded file.
00:06:40:08 - 00:06:43:01
When we get to this
by going on the multipart config,
00:06:43:01 - 00:06:47:09
this will take us specifically
to the settings of our multi-part product.
00:06:49:13 - 00:06:53:10
What we're going to do is input text
into the upload requirements section.
00:07:05:22 - 00:07:08:09
Now, by
default, this is a rich text editor
00:07:08:09 - 00:07:11:09
where text can be directly
input and formatted.
00:07:11:17 - 00:07:15:14
As with many areas in Infigo,
content can be displayed into this field
00:07:15:23 - 00:07:20:00
directly as HTML
using the code editor, or via
00:07:20:00 - 00:07:23:00
the use of our content template
functionality.
00:07:27:14 - 00:07:28:20
Now, before we leave this page,
00:07:28:20 - 00:07:32:06
I'm just going to draw your attention
to this custom script section here.
00:07:32:17 - 00:07:35:17
The more advanced features available
using the multipart products
00:07:35:17 - 00:07:39:14
that I've mentioned a few times and are
not covered in this tutorial specifically,
00:07:39:22 - 00:07:43:12
are enabled by writing script
config into this custom
00:07:43:12 - 00:07:46:12
script area.
00:07:47:22 - 00:07:50:22
Okay, so let's go ahead and click on Save.
00:07:51:28 - 00:07:54:00
Then I'm going to navigate
back to our product
00:07:54:00 - 00:07:57:00
to see these changes.
00:08:05:16 - 00:08:07:22
So based on our changes
we can now see several
00:08:07:22 - 00:08:11:21
new pieces of information available
as part of the multipart product editor.
00:08:12:12 - 00:08:16:29
So our selected options area now contains
details of our selected attributes.
00:08:19:05 - 00:08:20:04
A sample
00:08:20:04 - 00:08:23:06
PDF download is available on the top
right of the screen,
00:08:23:06 - 00:08:26:06
which will just directly allow us
to download that file we uploaded.
00:08:38:01 - 00:08:38:17
And then we see
00:08:38:17 - 00:08:41:19
a new section has been introduced
in yellow on the bottom left.
00:08:41:19 - 00:08:45:07
And this contains the upload requirements
that we've input for the product.