Custom Product DesignerUser Manual for Magento 2

Aitoc

Aitoc

Table of Contents

1. Installing the extension in Magento 2.

2. Creating a custom product.

3. Cliparts.

4. Fonts.

5. Customize configurable products.

6. Download high-quality source.

7. Front-end customization.

Aitoc1. Installing the extension in Magento 2

1. Unzip and paste the extension file into your root Magento folder.

2. Connect to your server by SSH.

3. Go to your Magento root folder.

4. To install the extension, perform this command:

php bin/magento setup:upgrade

5. Reset JavaScript cache by removing all folders in pub/static:

_requirejs; adminhtml; frontend.

6. To switch the extension on/off, perform these commands:

php bin/magento module:enable Aitoc_CustomProductDesigner

php bin/magento module:disable Aitoc_CustomProductDesigner

You can activate/deactivate several Aitoc extensions at once by specifying their

names separated by space in the command.

Aitoc2. Creating a custom product

Products > Catalog > Edit > Custom Product Designer

You may disable purchasing of a non-customized product.

4.

Enable Custom Product Design to make the product customizable.

1.

Click the image to access a pop-up with product images and specify printable areas.

2.

Here you may set a special price for customization. 3.

Enable or disable distortion of objects. 5.

1

4

6

5

6. Set the maximum text length.

To configure default settings, go to Stores > Configuration > Aitoc Extensions > Custom Product Designer.

Products > Catalog > Edit > Custom Product Designer

2

3

Select images that you need for the custom product design and click “Go to product page” to start setting printable areas.

Aitoc2. Creating a custom product

Products > Catalog > Edit > Custom Product Designer

Aitoc2. Creating a custom product

Products > Catalog > Edit > Custom Product Designer

As soon as you add areas on the product, you may remove, resize and rotate them.

Click buttons < > to flip custom product templates.

Add cliparts categories that will be availiable for customers while creating an individual design.

You can edit and view images included in each category.

Aitoc3. Cliparts

Aitoc Custom Product Designer > Cliparts

Add font families that will be availiable for customers to create an individual design.

You can edit and view fonts included in each family.

Aitoc4. Fonts

Aitoc Custom Product Designer > Fonts

Aitoc5. Customize configurable products

Products > Catalog

To enable a custom product design for configurable products, add the custom design option to each associated product individually.

Aitoc6. Download high-quality source

Products > Catalog

As soon as a customer places an order, you will find a print-ready file with original images on the Order Information page.

All the customization changes can be reset in one click.

Here’s how customers create their own designs.

Aitoc7. Front-end customization

Aitoc7. Front-end customization

Shoppers will be shown a thumbnail of the customized product.

AitocBrought to you by

You can purchase Custom Product Designer at www.aitoc.com

For questions please email at sales@aitoc.com