Infigo supports the ability to upload print-ready artwork through our MegaEdit upload UI, allowing your users to create outputs which have a canvas that perfectly fits their artwork.

1. You will first need to set up a ME product. Please see this article explaining how to do so. 

2. Once you have created your ME product, you can either create a specific canvas size you will need to create a dynamic canvas. Please see this article explaining what a dynamic canvas is and how to configure one - make sure to assign your dynamic canvas to this product.

3. Now that you have set your product up, you will need to open that Product in Product Management and click Edit.

4. Click on MegaEdit Config and scroll down to the Upload UI section. Tick (enable) 'Use Upload UI' as seen in the screenshot below. 

If you do not see this setting please raise a support ticket and ask for this to be enabled for you.

Our UI has native support for uploading PDFs, PNGs, JPGs and TIFF's.

Convert Image to PDF on Upload, this setting is ONLY required when you are using our Enfocus preflight module - where you run a .PPP file against a product. Please contact your sales rep for details on the cost of this module.

If you cannot see this setting, please contact support and we will enable this feature for you.

Next Steps

5. Now that you have enabled this setting when you click Start on the product's landing page: 

...you will no longer be loaded into the editor, and you will instead see the following page:

As you can see, you are shown the minimum page dimensions, the page limit, the number of pages they have already uploaded, as well as how many pages they need to upload to meet the minimum page requirements (this can be set in the dynamic product's properties).

Please note that to support uploading multi-page PDFs, you must enable the setting MediaSupportMultiplePages which you will find in Admin under Media Album Settings.

6. You can either click on the upload field and use the file browser or you can drag and drop the file. Both of these actions will upload the artwork and generate a preview, as seen in the screenshot below.

You can see that the price will automatically calculate and be displayed (if you have configured this for the stock you have assigned to this product). You will also be able to see the name of the uploaded PDF, as well as the dimensions of the PDF which directly correlate to the size the dynamic canvas has adjusted to.

Please note: If the artwork does not fit within the minimum and maximum ranges, the canvas will shrink/grow to accommodate the artwork as well as it can, and any overlap in the artwork will be handled by either cropping any overlap for the artwork or filling the blank space with the stock colour/pattern.

At this stage, you have the following possible actions:

1. Upload one or more PDF(s) until you reach the maximum number of pages for this product.
2. Save the project for later (if this setting is enabled).
3. Click Edit in full editor - this will launch the product in the MegaEdit editor and will allow the user to make changes on top of their uploaded artwork. This feature can be enabled or disabled through the setting Allow full editor in Upload UI in the dynamic product's Product Properties.
4. Click Show Preview to generate a MegaEdit preview on this page, allowing them to see what their output artwork will look like.
5. Add the product to the basket.

There is an option in MegaEdit to enable a watermarked preview from within the editor that a user can download and send to another user/manager etc before sending through to print. 

This setting can ONLY be enabled by an admin user - to activate go into the editor and click on Menu button :

Click Product Options:

Scroll down to find Additional Download Support:

There are a number of settings that can be altered:

PDF Download: = This enables the PDF Preview

Watermark Text: = This is the watermark text that will populate your preview

Restrict printing: = This setting enables whether the pdf preview can be print locked or not

Max page count: = This setting allows you to create a multipage PDF preview -1 = ALL pages 1/2/3 restricts the number of pages that will be previewed.

The below button will appear in the top right of the editor when the settings above are configured.

When setting up shipping by weight in Infigo it is important to account for added weight that can possibly get added additionally to MegaEdit products.  Normally this value plays no part in the total weight value when using fixed weight shipping but kicks in when shipping by weight is made active. This weight is added via the output type that the MegaEdit product is using. The default value in the output type when created is '1' and this will add 1 kg/lbs (depending on default weight measurements for your storefronts) to your MegaEdit product plus any weights added at product variant level via the product directly or product group level. This can be adjusted easily and below we will show you how.

Navigate to Output types under in Catalogue > Product Types > MegaEdit > MegaEdit Output types

Navigate to the Output type that needs amending and Edit and scroll to the bottom of the output type.

Under "Weight" you can simply adjust this figure as required.  0 will remove the extra weight.

In general this weight setting gets used when there is a dynamic element involved.  For example you have a photobook and you can have 2 output types assigned to a product 1 softcover and 1 hardcover configuration that the user can optionally choose.  A hardcover will weigh more than the softcover/self cover so this is where the weight factor comes in to play.  If your products do require this extra weight to be specified then please remove the value for accurate shipping weights.

MegaEdit menu hyperlinks can tailor the content of the menu and the links by navigating to the Admin area > Content Management > Editable Content > MegaEdit Show Menu (see below)

Once you click the 'Edit' button next to this entry (on the right side of the page) you will be taken to an editor page (see below). This page can also be used to add menu items, add the new entry into the Body field, use the highlighted button to attach a hyperlink to it and click 'Save' 

To change the link address simply highlight a bullet-pointed item and click the button the button shown in the red square above. A dialog box will appear (shown below) where you can edit the link and settings. Using the / prefix performs the request in the web resources folder for the current site

Through the use of the CSS Override feature, you can change the background of your MegaEdit editor. This article will explain how to achieve this and the steps to take. 

Upload your Image

1. Navigate to Content Management > CSS Overide. 

2. Select the Choose a File button 

3. Press Upload

4. Save the end of the URL for later use. If your image URL is:

/123456789/Handler/CSSOverride/GetImage/12/background.jpg

Then you will want to save:

/background.jpg

Change the Canvas Configuartion

1. Navigate to Configuration > Settings > Product and Editor Settings > MegaEdit product settings.

2. Press the Default Product Configuration tab.

3. Under Canvas, change these two settings exactly as they appear in the image below:

5. Press Save.

Upload CSS Code

1. Copy the below code, be sure to change the image reference according to your site (Bolded), use the reference from above. 

.DynamicProductWrapper .canvas-container {
background-image: url('{images}/background.jpg');
background-size: cover;
background-position: center;
}

2. Navigate to Content Management > CSS Override. Add this code to the bottom of your CSS file, then press upload. 

3. Be sure to Clear cache in order for the changes to take place.

4. You now have a custom MegaEdit background!

Please note this is a global change and will affect all of your MegaEdit products. 

You can create a popup message that appears when a user first opens the ME editor. This popup will give the user any relevant information/instructions they may need when using the editor.

Using editable content blocks and assigning one to the MegaEdit product you want to display the message on. 

Navigate to Editable Content in Admin and search for Infigo Editor Instruction Panel (Admin > Content Management > Editable Content > Infigo Editor Instruction Panel.)

In there, you can edit what you want the pop-up message to say.

and then assign it to a product using the instructions tab in the MegaEdit Config.

(Or you could create your own content block. Navigate to Editable Content in Admin and under the custom tab section add a new content block. You could call it "MegaEdit instruction panel 1" for example. You can adjust the content as you require.  Then simply assign that to any product under the MegaEdit product section for instructions. (See Creating Custom Content Templates for more information on this))
 

Static Message (That customer can't close)
Alternatively, you could also set up a non-clickable text box within the editor that is placed off the canvas. Something like this:

You would need to add a new text field, adjust the field settings to make it unable to be selected by the customer, and save it as product default.

. 

Hide Add To Basket button

You can hide the add to basket button via a small script snippet and Setting.

It can be set per product or globally.

Via settings

Global - MegaEdit Product Settings → Default Product Configuration → Allow Add to basket [true/false]

Per Product - Open MegaEdit product editor and Menu → Product Options → Allow Add to basket [true/false]

Via scripting

Open MegaEdit product editor and Menu → Product Options → Show Scripts

Editor.UI.ShowEditorUi('addtobasket', true); // true for visible and false for hidden

Setup Add To Basket in Preview (Standard and 3D)

Open MegaEdit Product → Product Properties and add this config under Preview Config

{

showAddToBasketButton: true

}

MegaEdit supports a script that enables admins and end users to apply a barcode field to the canvas and be customised with a value that will be represented via a number of different barcode types.

Where there is a scenario where an admin wishes for a barcode field to be applied BUT no further barcode fields added via the end user, there are some settings that are required to hide it in various formats.

Default setup

When enabling the Barcode field it will display in the Fields tab on the left pane.

In this scenario an end user is still able to add further barcode fields to the canvas.  This is not always required. 

You can hide the fields tab entirely - this wil prevent the end user from adding new barcode fields as it will move the add text and add image buttons to the top menu area next to the menu button.

However if you ONLY want to the Barcode option to be hidden and still retain the fields tab then this can be achieved using a config set on the barcode script. 

Go to the product under the MegaEdit Product section and edit the product and click on configure for the barcode script.

Here you can add in a snippet for { ShowButton: false } to hide the button from show.

This now means the end user can still add further fields but use ONLY the supplied Barcode field that has been set and configured by the admin. 

When viewing a MegaEdit template as an admin you have full admin rights and therefore have full access to the product and all the tabs and areas assigned to the product.  There is an option in the menu for "Emulate User mode" - This will allow you to experience the field behaviours ONLY on the canvas and how an end user would interact with them.  It will NOT hide any tabs on the left pane when clicked.  Lets run through some scenarios below to clarify this.

I have a MegaEdit product that has a single text frame and I have applied some settings to it.

Hide border options and Hide shadow options are two tabs that appear within the pop up window when the end user double clicks the field.  If we want to check that this is working as expected, as an admin we will always see those tabs in place.  So we need to click the "Emulate user mode" option in the Menu dropdown to view as an end user.

After selecting this and clicking the field again you will see a change to the tabs available for that field we made changes for. The Border tab and Shadows tab are now hidden from view within the pop up window as an end user would view the template.

All tabs still appear in view on the left as an admin has full access rights.

If you wish to view the whole editor experience as an end user then you would need to view the editor by clicking impersonate user from within admin > customer management.  That would give you the full experience of the whole editor including any left pane tabs that would appear or show based on settings.

In Infigo, it is possible to have certain attributes of your MegaEdit product be controlled or chosen on the product landing page. This includes attributes such as the chosen canvas, the canvas size (if using a dynamic canvas), the stock, and other attributes which will be covered in this article.

To enable these attributes, you need to navigate to:

 Configuration > Settings > Product and Editor settings > MegaEdit Product Settings

Select the Product Attributes tab:

To enable this feature, you will need to check Show Canvas Options on Product Landing Page and click Save.

Once this has been enabled, the attributes will start to appear on the landing pages of all relevant dynamic products. An example of relevance in this context would be if a product has two or more canvases applied to it, then there is an option to make so the Canvas attribute will appear on that product's landing page. However, if that product only had one stock option applied to it, then this attribute will not appear on the product's landing page.

Enabling this setting will also allow you to display these attributes on the checkout page. If an attribute is given an attribute name in the text box beside it, then it will appear on the checkout page with this name whilst this setting is enabled.

If no name is provided in this menu, the system will use the default one instead, with the default name being the text in the first column with the prefix CATFISH_ME_. For example, if you do not provide a name for Canvas then the default attribute name will be CATFISH_ME_CANVAS.

*All named Dynamic Attributes have Product Attributes created for them whenever a user places a MegaEdit product in the basket, and these attributes will be added to the product placed. 

Note: Be careful when renaming these attributes as the system will not recognize that these have been renamed and will create a new attribute.

Below is a list of all the dynamic attributes and some corresponding information about each one:

Canvas:

This attribute is used to control and display the MegaEdit canvas used for the product, if multiple canvases are applied. On the landing page, this will either appear as a dropdown list, or a series of radio buttons. This can be controlled through the dropdown beside the attribute which has the following values:

• DropdownList - This will cause the attribute to be controlled by a dropdown menu
• RadioList - This will cause the attribute to be controlled by a list of radio buttons
• SmartSelection - This will display as either a dropdown list or a series of radio buttons, depending on the number of available choices. When you select this setting, a new field will appear to the right of it - the number in this field is what will be checked to see whether the attribute should display as a dropdown or a radio menu.

In the basket, this will display the name of the selected canvas.

Canvas Size:

This attribute will display the name of the chosen canvas size anywhere this attribute is referenced post-editor. This attribute will not hold any value on the product's landing page as this value is not decided until the editor (even if there is only one canvas size assigned to the canvas, this attribute will have no value in the editor).

Note: If you are intending to use Dynamic Canvas Sizes (allowing your users to control the size of the canvas from the landing page) then you can only assign one Canvas to the product. See this article for more details.

Output Type:

This attribute will allow the user to select the output type if multiple types are assigned to the product. This will be controlled in the same way as the Canvas, in that it can be controlled through either a dropdown list or a radio menu - with the option of SmartSelection to make it customized to each product.

Note: For the product to work, you will need to ensure that either all of the assigned output types have covers enabled, or none of them.

Stock:

This is one of the attributes which can be configured on the landing page, and so it can be controlled via a dropdown menu or a radio menu. As with the Canvas attribute, this option will only appear on the landing page if the product has two or more stock options assigned to it.

Page Count:

This attribute does not have any value on the landing page, rather it is used to display the number of pages in the basket, the checkout, and anywhere its value is called post-order placement i.e. on the job ticket. 

Note: This value will not include the covers when calculating the number of pages

Spine Width:

Similarly to the "Page Count" attribute, this attribute is only used to display its calculated value once the job has been created through the editor. The Spine Width is automatically calculated by multiplying the micron thickness (set in the product's stock) by the number of pages. However, if "Duplex Printing" is enabled in the product's output type, this number will be halved.

Weight:

This will display the weight of the job once it has been created through the editor - again, this does not hold any value on the landing page. This will be automatically calculated by multiplying the number of pages by the weight of the stock and is measured in g/m^2 (grams per meter squared).

Width and Height:

Width and Height are grouped together as both of these only appear when a Dynamic Canvas is being used. These will produce sliders and an entry box for each value to allow the user to control the size of the canvas on the landing page, and can do so in the following units:

• Millimeters
• Centimeters
• Meters
• Points
• Inches
• Feet

Number of Records:

This attribute only applies to MegaEdit products which are utilizing the Batch Upload feature - allowing the users to upload a CSV to the editor in order to place a batch order. This attribute will display nothing on the landing page, but at every point of reference after the job has been added to the basket, it will display the total number of records contained within the uploaded CSV.

Below are two screenshots of a product's landing page which has:

• 2 stocks assigned, with a radio menu to control which one is used.
• 2 output types assigned, with a dropdown menu to control which one is used.
• A canvas assigned which utilizes the Dynamic Canvas feature to control the size of the canvas on the landing page

These will show off the Stock, Output Type, Canvas Size, Width and Height attributes.

And in the screenshots below, you can see the same product, only it has had two non-dynamic canvases assigned to it, and now we are able to choose between the assigned canvases using a dropdown menu, as per the configuration.

And finally, the screenshot below shows the calculated values for Page Count, Spine Width, Weight, and Number of Records. You can also see that as I did not assign a value for the number of records, it is using the default name of Catfish_ME_NumRecords.

Note: The Weight is measured in g/m^2, and the Spine Width is measured in mm.

When you’re selling anything where area is a consideration, e.g. posters, signs, canvases, large-format prints, you may want to charge $X per square metre, not a flat price per item.

MegaEdit makes this possible by exposing the current canvas size (width and height) to your pricing script. That canvas size can come from:

• A fixed template size

• A dynamically sized canvas

• Or a PDF the customer uploads via the MegaEdit upload UI (the canvas adapts to the PDF page size within your configured limits)

This article explains how to tap into those values and calculate a price such as £15 per m².

Key idea

1. MegaEdit keeps track of the current canvas width and height.

2. These are passed into the pricing engine as two special attributes:

   • Catfish_ME_Width

   • Catfish_ME_Height

   These are typically in millimetres.

3. Your pricing script could, for example:

   • Read those attributes

   • Converts mm → metres

   • Works out the area in m²

   • Multiplies the area by your price per square metre

   • Return that value as the unit price for the product

Typical use cases

1. Customer uploads a PDF and you bill by its size

Use case: “Upload any poster as a PDF and we’ll charge £15 per m², regardless of the size.”

• The customer uploads a PDF through the MegaEdit upload UI.

• MegaEdit sets the canvas size to match the PDF page (within min/max limits).

• The pricing script reads Catfish_ME_Width and Catfish_ME_Height for that job.

• You calculate the area and price from those values.

• A tall skinny poster and a short wide one with the same area will cost the same.

2. Dynamically sized canvases

Use case: “Let the user choose any size between 100 mm and 10,000 mm and price per m².”

• Your template uses dynamic canvas sizing in MegaEdit.

• When the user changes the size, the MegaEdit canvas updates.

• The pricing script always sees the current width and height from those attributes.

• Pricing updates automatically as they change the size.

Step-by-step setup

Step 1: Configure your MegaEdit product

1. Create or edit a MegaEdit-enabled product.

2. Set up either:

   • A dynamic canvas size, or

   • The upload UI so customers can upload PDFs / artwork directly.

3. Make sure the product is working in MegaEdit first (you can open the editor and upload a test file).

At this point, MegaEdit is already tracking the canvas width and height internally. We’ll just read those values in the next step.

Step 2: Add a pricing script to the product variant

1. Create a pricing script

2. Open the relevant product variant in Admin.

3. Find the Pricing Script section.

4. Apply your created script to this product.

The script runs every time Infigo needs to calculate a price. Whatever number the script returns becomes the unit price.

Using the MegaEdit canvas attributes in a script

1. Reading Catfish_ME_Width and Catfish_ME_Height

Inside the pricing script, MegaEdit exposes attributes on the Item object.
Two of those attributes hold the canvas size:

• Catfish_ME_Width – the current canvas width

• Catfish_ME_Height – the current canvas height

Conceptually, the code looks like this:

// Loop through all attributes for this job
var widthMm = null;
var heightMm = null;

for (var i = 0; i < Item.Attributes.Length; i++) {
    var attr = Item.Attributes[i];

    if (attr.Key === "Catfish_ME_Width") {
        // e.g. "452 mm" → 452
        widthMm = parseFloat(attr.Value);
    }

    if (attr.Key === "Catfish_ME_Height") {
        // e.g. "282 mm" → 282
        heightMm = parseFloat(attr.Value);
    }
}

At the end of this loop you should have two numbers in millimetres, for example:

• widthMm = 452

• heightMm = 282

Tip: you can temporarily log these values with console("Width: " + widthMm); to confirm what you’re receiving.

 

You can use these values within the larger pricing script to perform pricing calculations based on these values.

Focusing on the upload UI use case

When a customer uses the MegaEdit upload UI (for example, to upload a PDF poster):

1. The customer uploads the file.

2. MegaEdit sets the canvas size based on the PDF page (within the product’s allowed size range).

3. The system populates Catfish_ME_Width and Catfish_ME_Height with that canvas size.

4. Your pricing script reads those attributes and calculates the price per m².

The result is:

• You don’t need to pre-define every possible size.

• Any odd size the customer uploads (e.g. 452 × 282 mm) is priced automatically by area.

• This works equally well for fixed-size templates, dynamic sizes and direct uploads – as long as the MegaEdit canvas is in use.

When configuring some MegaEdit products, the price display can overlap the canvas area. This is usually the standard price placement in MegaEdit conflicting with the canvas zoom controls on certain screen sizes and resolutions.

There is not a reliable way to control the default zoom across devices. The recommended approach is to use CSS to either move or hide the price.

Use cases

• The price overlaps the canvas while configuring a MegaEdit product, including when tested across multiple screen sizes.

• You want to hide the price while proofing because the products are set price, so the price display is not needed in the editor.

• You want the option to apply the change on a site by site basis by adding CSS to each storefront only when you choose to.

Key area in Infigo

• CSS Override file: This is where the provided CSS can be added for a storefront. (Admin > Content Management > CSS Override)

Step by step guide

1. Confirm the scope you want the change to apply to. For example, one final outcome can be a CSS rule that hides the price for all MegaEdit products across a storefront.

2. Add the following CSS to the CSS Override file on the storefront where you want prices hidden. 

3. Repeat the same change on any other storefronts when you want the same behaviour there, as this is a per-storefront CSS file.

Search Terms:
MegaEdit price overlaps canvas, price overlapping canvas MegaEdit, hide price in MegaEdit editor, MegaEdit zoom controls overlap price, CSS hide priceContainer, editorBottom priceContainer display none, CSS Override hide MegaEdit price, hide editor price, hide price across storefront MegaEdit, MegaEdit set price hide price while proofing

When working with MegaEdit products, administrators may notice a set of automatically generated product attributes with names such as:

These are known as Catfish MegaEdit (ME) Attributes.

They are system-generated attributes used by Infigo to store and track MegaEdit product configuration data throughout the order lifecycle.

Because these attributes are created and used automatically by the platform, they should generally not be modified manually unless advised by Infigo Support.

What Are Catfish ME Attributes?

Catfish ME Attributes are dynamic product attributes created automatically when a MegaEdit product is added to the basket.

They store information such as:

• which canvas was used

• the selected stock

• the chosen output type

• the size of the canvas

• calculated values such as page count, weight, or spine width

These attributes allow the system to pass configuration data between different stages of the order process, including:

• product landing page

• MegaEdit editor

• basket

• checkout

• job tickets

• print production workflows

Why These Attributes Exist

MegaEdit products often contain dynamic configuration options. For example, a product may allow the customer to:

• choose between multiple canvases

• select a print stock

• change the dimensions of a dynamic canvas

• upload batch data

Catfish ME Attributes allow the system to capture those selections and store them as part of the product order data.

This ensures the correct information is available for:

• production workflows

• print output generation

• integrations such as MIS systems

• job tickets and reporting

Default Attribute Naming

If an attribute name is not manually configured in the MegaEdit Product Attributes settings, the system automatically generates a default attribute name using the prefix:

For example:

These attributes are created automatically when the product is placed in the basket.

Where These Attributes Appear

Catfish ME Attributes may appear in several areas of the system, including:

• the basket

• the checkout page

• order details

• job tickets

• print production workflows

• integrations such as MIS systems

They are used to ensure that the product configuration selected by the user is correctly passed through the order process.

Should Admins Modify These Attributes?

In most cases, no.

Catfish ME Attributes are part of the internal MegaEdit workflow. Changing or manually editing them can cause issues such as:

• duplicate attributes being created

• incorrect product configuration data

• problems in the editor or production workflow

• reporting inconsistencies

For this reason, these attributes should normally be left unchanged unless instructed by Infigo support.

Show Canvas Options on Product Landing Page

This setting controls whether certain MegaEdit configuration options appear directly on the product landing page.

Location:

When Show Canvas Options on Product Landing Page is enabled, customers can configure some MegaEdit product attributes before entering the editor.

These options may include:

• Canvas selection

• Canvas size (for dynamic canvases)

• Output type

• Stock

If the product has multiple options configured for these attributes, they will appear as selectable fields on the product page.

For example:

If a product only has one available option (for example a single stock), that attribute will not appear on the landing page.

How This Relates to Catfish ME Attributes

When a customer selects these options, the system stores the chosen values using Catfish MegaEdit attributes.

For example:

These attributes are automatically added to the product when it is placed in the basket and are used later in:

• the basket and checkout

• job tickets

• production workflows

• MIS integrations

These attributes should not normally be edited manually, as they are part of the internal MegaEdit configuration process.

Example Scenario

A MegaEdit product allows customers to choose between two print stocks and two output types.

When a customer orders the product:

1. The user selects:

   • Gloss stock

   • Double-sided output

2. The system creates attributes such as:

3. These values are stored with the order and used later in:

   • job tickets

   • production workflows

   • MIS integrations

💡 Tip

If this setting is disabled, customers will configure these options inside the MegaEdit editor instead of on the product landing page.

When MegaEdit is embedded within an iFrame, customers may want to hide the MegaEdit menu button to simplify the interface.

This commonly happens when:

• MegaEdit is embedded inside another website or portal

• The host site already provides navigation controls

• The customer wants a cleaner or restricted editing interface

For example, some customers embedding MegaEdit through an iFrame have requested that the global menu button is hidden, leaving only the editing tools visible.

Solution

The MegaEdit menu button can be hidden using a CSS override applied to the storefront.

Add the following CSS rule:

This rule hides the global MegaEdit menu button for registered users.

How to Apply the CSS

1. Open the storefront CSS override file.

2. Add the CSS rule shown above.

3. Save the file.

4. Refresh the storefront and open MegaEdit through the iFrame to confirm the menu button is hidden.

What This CSS Does

The selector targets the MegaEdit menu element within the page:

The rule:

removes the menu element from view.

When This Is Useful

This solution is typically used when:

• MegaEdit is embedded inside third-party platforms

• The storefront is running inside an iFrame

• Customers want to prevent access to the MegaEdit navigation menu

• The editing interface should appear simplified or restricted

Important Notes

• This change only hides the menu visually; it does not remove underlying functionality.

• The CSS should be added to the storefront CSS overrides, not directly to platform files.

• If MegaEdit UI classes change in future releases, this selector may need updating.

Example Scenario

A customer embeds MegaEdit within their external website via iFrame and wants to ensure users cannot access the MegaEdit menu options.

Applying the CSS rule above removes the menu button from the interface, leaving only the editing canvas and tools visible.

Yes. Using editable content blocks and assigning one to the MegaEdit product you want to display the message on. Navigate to Editable Content in Admin and under the custom tab section add a new content block. You could call it "MegaEdit instruction panel 1" for example. You can adjust the content as you require.  Then simply assign that to any product under the MegaEdit product section for instructions.

We don't recommend you copy Invent ME products, we suggest you create the product from scratch rather.