00:00:05:15 - 00:00:06:12
In this tutorial
00:00:06:12 - 00:00:09:15
work are how to configure image fields
for different purposes.
00:00:09:15 - 00:00:13:11
Within Invent image,
fields can be configured to accept both
00:00:13:11 - 00:00:18:20
customer uploaded imagery, clip parts,
or a combination of both.
00:00:18:23 - 00:00:23:13
Here we'll show a few simple steps
required to configure this functionality
00:00:23:16 - 00:00:26:20
so this tutorial does assume
some preexisting knowledge
00:00:26:20 - 00:00:30:13
of the fundamentals
of setting product template using Invent.
00:00:30:13 - 00:00:34:00
So we need to begin with an image frame
that you would like to apply this behavior
00:00:34:00 - 00:00:37:00
to If you wish to allow this frame
to accept clip parts
00:00:37:04 - 00:00:40:16
that ensure
the relevant resources are available,
00:00:40:19 - 00:00:43:25
this could mean creating a clip set
within Invents
00:00:43:28 - 00:00:48:25
However, it's also possible to apply
preexisting clip art sets to the product
00:00:49:01 - 00:00:53:21
once it's been moved over to MegaEdit
00:00:53:24 - 00:00:55:11
Now we're going to start
and actually create
00:00:55:11 - 00:00:59:08
a new image variable
in which we configure these options.
00:00:59:10 - 00:01:02:21
So go to the variables
tab and click on Add variable.
00:01:02:24 - 00:01:10:28
From there, I'm
going to select an image variable.
00:01:11:00 - 00:01:11:15
So within the
00:01:11:15 - 00:01:15:06
configuration screen of the image
variable, we have the ability to select
00:01:15:13 - 00:01:19:14
which type of content
is available for it to access.
00:01:19:17 - 00:01:22:12
So for example, clip arts or images.
00:01:22:12 - 00:01:26:10
So we'll go through a few of these
available options and just focus on them.
00:01:26:12 - 00:01:29:08
We have allow media albums selection.
00:01:29:08 - 00:01:33:05
This allows a user to select imagery
that has previously been uploaded
00:01:33:05 - 00:01:37:02
on the storefront and is available
within their user accounts.
00:01:37:05 - 00:01:40:21
So remember that enabling this here
enables this functionality
00:01:40:21 - 00:01:44:15
for this specific variable.
00:01:44:18 - 00:01:48:05
The next option down is allow
image upload.
00:01:48:08 - 00:01:51:03
So this allows users to upload new images
for use
00:01:51:03 - 00:01:56:29
within this variable.
00:01:57:02 - 00:01:57:18
One below.
00:01:57:18 - 00:02:00:18
This will have allow or clip art albums.
00:02:00:18 - 00:02:03:23
So enabling this option
allows users to access all available
00:02:03:23 - 00:02:06:23
clip art albums from within this one
variable.
00:02:06:23 - 00:02:08:10
This means if multiple clipart
00:02:08:10 - 00:02:12:29
albums are assigned to this product,
once it's within Infigo and Mega,
00:02:13:03 - 00:02:20:24
it users will be able to access
the content from each of those albums.
00:02:20:26 - 00:02:23:26
And then
we have allow clipart resource sets.
00:02:24:00 - 00:02:27:07
So this option will give you
a separate checkbox
00:02:27:10 - 00:02:32:04
for each clipart type resource
at this available within this Invent.
00:02:32:04 - 00:02:33:16
Product Template.
00:02:33:16 - 00:02:37:06
Enabling this checkbox will give
this variable access to the contents
00:02:37:13 - 00:02:41:00
of that resource set.
00:02:41:02 - 00:02:45:04
The next option
00:02:45:04 - 00:02:48:11
down is allow external clipboard albums.
00:02:48:13 - 00:02:51:27
This is a means of linking this variable
to other clip art albums
00:02:51:27 - 00:02:53:18
enabled on this product.
00:02:53:18 - 00:02:57:21
Once it's within Infigo
and subsequently MegaEdit.
00:02:57:23 - 00:03:03:07
For example, you may already have
a clipart album in Infigo named “logos”.
00:03:03:09 - 00:03:07:00
This clipart album can be assigned to
the product to make it available for use
00:03:07:01 - 00:03:08:16
within that product.
00:03:08:16 - 00:03:15:17
Additionally, by placing the clip
art album name in here,
00:03:15:20 - 00:03:16:10
you can pre
00:03:16:10 - 00:03:19:10
link the variable
to that particular album.
00:03:19:16 - 00:03:23:12
This means that you don't have to do it
manually later on within Infigo
00:03:23:12 - 00:03:27:07
or MegaEdit.
00:03:27:10 - 00:03:27:16
And then
00:03:27:16 - 00:03:30:16
finally we have the clip Art media filter.
00:03:30:17 - 00:03:33:22
So this allows you to import
regular expressions or RegEx
00:03:33:29 - 00:03:41:14
so that only certain clip
art is displayed.
00:03:41:16 - 00:03:42:20
Okay, so we'll finalize
00:03:42:20 - 00:03:48:02
that just by adding a name
00:03:48:04 - 00:03:49:21
then save
00:03:49:21 - 00:03:55:23
and that's now assigned and configured.
00:03:55:26 - 00:03:59:11
So as usual, we need to actually,
if we want to utilize this variable
00:03:59:11 - 00:04:03:28
to drive imagery on our actual artwork
itself, we need to link those together.
00:04:03:29 - 00:04:09:22
The properties.
00:04:09:24 - 00:04:11:01
And then I'm just going to go ahead
00:04:11:01 - 00:04:17:07
and export this MEX template.
00:04:17:10 - 00:04:20:05
So all I've done here is uploaded
the MEX file to a new
00:04:20:05 - 00:04:26:25
or existing MegaEdit product
and then I've launched MegaEdit.
00:04:26:27 - 00:04:27:18
So as we can see
00:04:27:18 - 00:04:30:18
in this case,
our frame is empty by default,
00:04:30:24 - 00:04:35:00
although you can specify a default value
if you wish to pre populate
00:04:35:00 - 00:04:36:09
the clip art image.
00:04:36:09 - 00:04:41:16
So you can do this within MegaEdit itself
or you can reconfigure it within Invent.
00:04:41:19 - 00:04:45:02
And that's just on
the actual variable itself.
00:04:45:04 - 00:04:48:04
The same place we specified
all of those settings a bit earlier on.
00:04:48:10 - 00:04:51:29
And then there's default values
down at the bottom of the list.
00:04:52:01 - 00:04:52:11
Okay.
00:04:52:11 - 00:04:55:19
So the image variable that we've created
can be seen over on the right hand
00:04:55:19 - 00:05:00:12
side of the screen
by clicking select image here
00:05:00:15 - 00:05:02:20
if more than one option is available.
00:05:02:20 - 00:05:06:00
So images and clip parts,
you are presented with a selection
00:05:06:00 - 00:05:09:08
of input types
so you can choose which one you want to
00:05:09:10 - 00:05:12:09
select.
00:05:12:09 - 00:05:17:24
We're going to begin by selecting
clip arts.
00:05:17:26 - 00:05:20:12
So you will be presented with a dropdown
with to choose
00:05:20:12 - 00:05:24:03
between available clip art albums,
and that's based on your selections.
00:05:24:06 - 00:05:28:03
So in my case, for example,
there's only one enabled,
00:05:28:05 - 00:05:30:00
once an album has been selected,
00:05:30:00 - 00:05:34:02
all of the clip art images within
that album will be displayed to you.
00:05:34:04 - 00:05:36:26
And then clicking on one of those images
00:05:36:26 - 00:05:41:26
will set that image
to be used by that particular variable.
00:05:41:28 - 00:05:42:12
If that
00:05:42:12 - 00:05:45:28
variable has been linked to an image field
on the actual canvas itself,
00:05:46:05 - 00:05:55:27
the selected clip of the image
is also displayed that
00:05:55:29 - 00:05:56:19
now we'll go ahead
00:05:56:19 - 00:06:00:04
and explore uploaded images
rather than just clip parts.
00:06:00:06 - 00:06:03:24
So going back to my image variable,
I'm going to go and either remove
00:06:03:26 - 00:06:08:23
or go back to select image.
00:06:08:26 - 00:06:10:14
I can then get to the images section
00:06:10:14 - 00:06:13:08
which will give me
a slightly different interface.
00:06:13:08 - 00:06:16:16
So you see I have the ability
to upload a new image if I wish to do so.
00:06:16:18 - 00:06:20:00
Alternatively, and relatively similar
to the clip art, I have the ability
00:06:20:00 - 00:06:23:18
to select
between my existing image albums.
00:06:23:21 - 00:06:26:01
So remember
this is images that have been uploaded
00:06:26:01 - 00:06:29:01
by that particular customer
to their account.
00:06:29:01 - 00:06:33:10
So I can see in this case there's only one
existing album and one existing image.
00:06:33:13 - 00:06:36:26
I can just click on that
that will set it as the variable image.
00:06:36:26 - 00:06:39:13
And because the variable
is linked to an image frame,
00:06:39:13 - 00:06:40:24
it will show within the image frame.