To get more clear idea on the module, kindly review the video below-<\/p>\n
Features<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\n- Sellers can add new product type ie; Web To Print products and the customer can customize the same.<\/li>\n
- Advanced canvas tool for product customization and personalization.<\/li>\n
- The seller can upload fonts for the text editor.<\/li>\n
- The seller can add images for adding images to the product template.<\/li>\n
- Customers can design the products and preview the same before they order.<\/li>\n
- The seller can add colors for the text, and shape editor on canvas.<\/li>\n
- The seller can edit or define some default design for each product template.<\/li>\n
- Reposition the objects with simple mouse drag or arrow buttons.<\/li>\n
- The seller can create multiple templates for a single product like for front design, back design etc.<\/li>\n
- The customer can use the default design of the product template or edit the template as per the choice.<\/li>\n
- The customer can use different editors for customizing the design like an image editor, text editor, and shape editor.<\/li>\n
- Let customers upload their own images or choose an image from a prebuilt library.<\/li>\n
- The customer can design and view multiple dimensions of one product as set by the seller. For example: can design both the front and back of a t-shirt.<\/li>\n
- After a successful purchase, customers can download the images from the order.<\/li>\n
- The seller can see and download the customized image template for the order in the order information.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
Installation<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nCustomers will get a\u00a0zip folder<\/strong>\u00a0and they have to extract the contents of this zip folder on their system. The extracted folder has an\u00a0src<\/strong>\u00a0folder, inside the src folder you have the\u00a0app\u00a0<\/strong>folder. You need to transfer this\u00a0app<\/strong> folder into the Magento 2 (Adobe Commerce) root directory on the server as shown below.![\"zip](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/zip-folder.png\")
<\/a><\/p>\nAfter the successful installation, you have to\u00a0run these commands<\/strong>\u00a0in the\u00a0Magento 2 root <\/strong>directory:<\/p>\nFirst command<\/strong>\u00a0\u2013 php bin\/magento setup:upgrade<\/p>\n![\"command1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/command1.png\")
<\/a><\/p>\nSecond Command \u2013\u00a0<\/strong>php bin\/magento setup:di:compile<\/p>\n![\"command2\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/command2.png\")
<\/a><\/p>\nThird Command \u2013\u00a0<\/strong>php bin\/magento setup:static-content:deploy<\/p>\n![\"command3\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/command3.png\")
<\/a><\/p>\nAfter running the commands, you have to flush the cache from Magento admin panel by navigating through->System<\/strong>->Cache management<\/strong>\u00a0as shown below.<\/p>\n
\n<\/a>![\"Flush-Cache-1\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/Flush-Cache-1.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nMulti-lingual Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nFor the\u00a0multilingual<\/strong>\u00a0support, the\u00a0admin will navigate through\u00a0Store->Configuration->General ->Locale Options<\/strong>\u00a0and select the\u00a0locale<\/strong>\u00a0as German (the language into which admin want to translate his store content).<\/p>\n![\"configuration\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/07\/configuration.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nLanguage Translation<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nIf you need to do the module translation, please navigate the following path in your system\u00a0app\/code\/Webkul\/MarketplaceWebToPrint\/i18n<\/strong>. Now, open the file named\u00a0en_US.CSV<\/strong>\u00a0for editing.
\n![\"Language-Translation](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Language-Translation.png\")
<\/a><\/p>\nOnce you have opened the file for editing. Replace the words after the\u00a0comma(,)<\/strong>\u00a0on the right with your translated words.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/CSV-1.png\")
<\/a><\/p>\nAfter editing the\u00a0CSV<\/strong>\u00a0file, save it and then upload it to the same folder. Now your module translation is complete.
\n![\"Language-Translation](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/05\/Language-Translation-3.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nAdmin End<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nThe admin needs to navigate to Stores -> Configuration -> Webkul -> Marketplace ->\u00a0Seller Product’s Settings.<\/strong><\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/ADMIN-END.png\")
<\/a><\/p>\nUnder\u00a0Seller Product’s Settings\u00a0<\/strong>section,\u00a0 enable the\u00a0 Web to Print product type for the sellers. Otherwise, sellers will not be able to create the customizable products for the customers.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nSeller End<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nThe seller will have a\u00a0Web To Print<\/strong> menu option in their accounts as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/WEB-TO-PRINT.png\")
<\/a><\/p>\nUsing the sub-menu options, the seller will configure the settings for\u00a0Web To Print <\/strong>product.<\/p>\nImage Categories:<\/strong><\/h3>\nFor uploading the images for the templates, the seller first needs to create image categories. For this, the seller will click on the\u00a0Image Categories\u00a0<\/strong>option and navigate to the image category page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/CATEGORY.png\")
<\/a><\/p>\nHere, the seller can –<\/p>\n
\n- View the complete list of the categories.<\/li>\n
- Edit or delete the category.<\/li>\n
- Add new image category.<\/li>\n<\/ul>\n
For adding the new category, click on the\u00a0Add New Image Category <\/strong>and navigate to the New Image Category Page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/NEW-CATEGORY.png\")
<\/a><\/p>\nHere, enter the category name and category description. Also, upload the image which will represent the category.<\/p>\n
Images:<\/h3>\n
After creating the categories for the images, the seller can now upload images to the templates. For this, the seller will click on the\u00a0Images\u00a0<\/strong>option and navigate to the image page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/IMAGES.png\")
<\/a><\/p>\nHere, the seller can –<\/p>\n
\n- View the complete list of the images.<\/li>\n
- Edit or delete the images.<\/li>\n
- Add new images to the categories.<\/li>\n<\/ul>\n
For adding the new image, click on the\u00a0Add New Image\u00a0<\/strong>and navigate to the New Image Page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/NEW-IMAGE.png\")
<\/a><\/p>\nHere, enter the image description and select the image category from the drop-down. And then upload the image which will be added to that selected category.<\/p>\n
Fonts:<\/h3>\n
The seller can even upload custom font files for the text editor. For this, the seller will click on the\u00a0Font\u00a0<\/strong>option and navigate to the Font page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/FONT.png\")
<\/a><\/p>\nHere, the seller can –<\/p>\n
\n- View the complete list of the font files.<\/li>\n
- Edit or delete the fonts.<\/li>\n
- Add new fonts for the text editor.<\/li>\n<\/ul>\n
For adding the new fonts, click on the\u00a0Add New Font <\/strong>and navigate\u00a0to the New Fonts Page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/NEW-FONT.png\")
<\/a><\/p>\nHere, enter the font name and then upload the font file.<\/p>\n
Colors:<\/h3>\n
The seller can add the predefined colors for the template using the color codes.\u00a0For this, the seller will click on the\u00a0Colors\u00a0<\/strong>option and navigate to the Colors page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/COLOR-LIST.png\")
<\/a><\/p>\nHere, the seller can –<\/p>\n
\n- View the complete list of the colors.<\/li>\n
- Edit or delete the colors.<\/li>\n
- Add new colors.<\/li>\n<\/ul>\n
For adding the new colors, click on the\u00a0Add New Color <\/strong>and navigate\u00a0to the New Color Page as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/ADD-COLOR.png\")
<\/a><\/p>\nHere, enter the color name and color code.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nCreate Personalized Products<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nFor creating a new personalized product for your online store click on\u00a0New Product\u00a0<\/strong>menu option.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/NEW-PRODUCT.png\")
<\/a><\/p>\nAfter this, select the product type\u00a0Web To Print Product <\/strong>and navigate\u00a0to the\u00a0Add New Product page.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/ADD.png\")
<\/a><\/p>\nHere, the seller first saves the product with the product basic details. Then, only the seller can view the\u00a0Create Web To Print Template\u00a0<\/strong>button as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/WTP.png\")
<\/a><\/p>\nNow, click on\u00a0Create Web To Print Template\u00a0<\/strong>button and the editor will be displayed as per the below image.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/ADD-TEMPLATE.png\")
<\/a><\/p>\nAdding Template:<\/h3>\n
To insert a new template, click\u00a0Add More<\/strong>\u00a0and the following form will appear.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/TEMPLATE.png\")
<\/a><\/p>\nHere, the seller needs to provide the template information:<\/p>\n
Title<\/strong>\u00a0\u2013 Set the title for the frontend.<\/p>\nDescription<\/strong>\u00a0\u2013 Enter any description of the template.<\/p>\nBase Image<\/strong>\u00a0\u2013\u00a0 Upload the base image of the product.<\/p>\nMask Image<\/strong>\u00a0\u2013 Upload the mask image of the product where customization can be done.<\/p>\nAdding Text:<\/h3>\n
To add a text in the template, click Text<\/strong> icon and edit the text as per the choice.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/TEXT.png\")
<\/a><\/p>\nThe text editor has various options to customize the text \u2013 font face, bold, italic, size, color etc.<\/p>\n
Adding Images:<\/h3>\n
The seller can add the images to the template. The height and width of the image can be adjusted accordingly.<\/p>\n
![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/IMAGES-1.png\")
<\/a><\/p>\nAdding Shapes:<\/strong><\/h3>\nFor adding shapes, click Shape<\/strong>. You can also customize the shape using fill color, border color, width, etc.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/SHAPES.png\")
<\/a><\/p>\nClick on Preview\u00a0<\/strong>button to preview the template.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/PREVIEW.png\")
<\/a><\/p>\nAnd finally, select the template which you want to display on the frontend and save the configuration.<\/p>\n
![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/SAVE.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nFrontend<\/strong><\/h3>\n<\/div>\n<\/div>\n\n\nOn the product page, the customers will see the\u00a0Customize Product<\/strong>\u00a0button.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/PRODUCT-PAGE.png\")
<\/a><\/p>\nCanvas<\/h3>\n
After clicking the Customize Product<\/strong> button, the Canvas editor will open. Here, the customer can customize the product images using the text editor, upload image, or add shapes to the image. The customer can choose any of the templates and customize it accordingly.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/CANVAS.png\")
<\/a><\/p>\nPreview – Marketplace Web to Print<\/h3>\n
Once, the customer is done with the customization, the customer will save the template. And can even preview it by clicking on the Preview\u00a0<\/strong>button.<\/p>\n![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/PREVIEW-1.png\")
<\/a><\/p>\nA\u00a0pop-up window will display where the customer needs to check the declaration, enter quantity, and then click Add to Cart button.<\/p>\n
Shopping Cart<\/h3>\n
After adding the product to the cart, the customer can proceed further to place the order.<\/p>\n
![\"image\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2018\/03\/SHOPPING-CART-1.png\")
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\nThat\u2019s all for the Marketplace Web To Print for Magento 2 (Adobe Commerce)<\/strong> extension. If still have any issue, feel free to contact us at our HelpDesk System<\/a>.<\/p>\nExplore the\u00a0Adobe Commerce Cloud development service\u00a0by Webkul. You may also browse other\u00a0Magento 2 marketplace addons.<\/a>\u00a0Also our quality\u00a0Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"
- \n
- Sellers can add new product type ie; Web To Print products and the customer can customize the same.<\/li>\n
- Advanced canvas tool for product customization and personalization.<\/li>\n
- The seller can upload fonts for the text editor.<\/li>\n
- The seller can add images for adding images to the product template.<\/li>\n
- Customers can design the products and preview the same before they order.<\/li>\n
- The seller can add colors for the text, and shape editor on canvas.<\/li>\n
- The seller can edit or define some default design for each product template.<\/li>\n
- Reposition the objects with simple mouse drag or arrow buttons.<\/li>\n
- The seller can create multiple templates for a single product like for front design, back design etc.<\/li>\n
- The customer can use the default design of the product template or edit the template as per the choice.<\/li>\n
- The customer can use different editors for customizing the design like an image editor, text editor, and shape editor.<\/li>\n
- Let customers upload their own images or choose an image from a prebuilt library.<\/li>\n
- The customer can design and view multiple dimensions of one product as set by the seller. For example: can design both the front and back of a t-shirt.<\/li>\n
- After a successful purchase, customers can download the images from the order.<\/li>\n
- The seller can see and download the customized image template for the order in the order information.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n
Installation<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nCustomers will get a\u00a0zip folder<\/strong>\u00a0and they have to extract the contents of this zip folder on their system. The extracted folder has an\u00a0src<\/strong>\u00a0folder, inside the src folder you have the\u00a0app\u00a0<\/strong>folder. You need to transfer this\u00a0app<\/strong> folder into the Magento 2 (Adobe Commerce) root directory on the server as shown below.
<\/a><\/p>\nAfter the successful installation, you have to\u00a0run these commands<\/strong>\u00a0in the\u00a0Magento 2 root <\/strong>directory:<\/p>\n
First command<\/strong>\u00a0\u2013 php bin\/magento setup:upgrade<\/p>\n
<\/a><\/p>\nSecond Command \u2013\u00a0<\/strong>php bin\/magento setup:di:compile<\/p>\n
<\/a><\/p>\nThird Command \u2013\u00a0<\/strong>php bin\/magento setup:static-content:deploy<\/p>\n
<\/a><\/p>\nAfter running the commands, you have to flush the cache from Magento admin panel by navigating through->System<\/strong>->Cache management<\/strong>\u00a0as shown below.<\/p>\n
\n<\/a><\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nMulti-lingual Configuration<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nFor the\u00a0multilingual<\/strong>\u00a0support, the\u00a0admin will navigate through\u00a0Store->Configuration->General ->Locale Options<\/strong>\u00a0and select the\u00a0locale<\/strong>\u00a0as German (the language into which admin want to translate his store content).<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nLanguage Translation<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nIf you need to do the module translation, please navigate the following path in your system\u00a0app\/code\/Webkul\/MarketplaceWebToPrint\/i18n<\/strong>. Now, open the file named\u00a0en_US.CSV<\/strong>\u00a0for editing.
\n<\/a><\/p>\nOnce you have opened the file for editing. Replace the words after the\u00a0comma(,)<\/strong>\u00a0on the right with your translated words.<\/p>\n
<\/a><\/p>\nAfter editing the\u00a0CSV<\/strong>\u00a0file, save it and then upload it to the same folder. Now your module translation is complete.
\n<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nAdmin End<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nThe admin needs to navigate to Stores -> Configuration -> Webkul -> Marketplace ->\u00a0Seller Product’s Settings.<\/strong><\/p>\n
<\/a><\/p>\nUnder\u00a0Seller Product’s Settings\u00a0<\/strong>section,\u00a0 enable the\u00a0 Web to Print product type for the sellers. Otherwise, sellers will not be able to create the customizable products for the customers.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nSeller End<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nThe seller will have a\u00a0Web To Print<\/strong> menu option in their accounts as per the below image.<\/p>\n
<\/a><\/p>\nUsing the sub-menu options, the seller will configure the settings for\u00a0Web To Print <\/strong>product.<\/p>\n
Image Categories:<\/strong><\/h3>\n
For uploading the images for the templates, the seller first needs to create image categories. For this, the seller will click on the\u00a0Image Categories\u00a0<\/strong>option and navigate to the image category page as per the below image.<\/p>\n
<\/a><\/p>\nHere, the seller can –<\/p>\n
- \n
- View the complete list of the categories.<\/li>\n
- Edit or delete the category.<\/li>\n
- Add new image category.<\/li>\n<\/ul>\n
For adding the new category, click on the\u00a0Add New Image Category <\/strong>and navigate to the New Image Category Page as per the below image.<\/p>\n
<\/a><\/p>\nHere, enter the category name and category description. Also, upload the image which will represent the category.<\/p>\n
Images:<\/h3>\n
After creating the categories for the images, the seller can now upload images to the templates. For this, the seller will click on the\u00a0Images\u00a0<\/strong>option and navigate to the image page as per the below image.<\/p>\n
<\/a><\/p>\nHere, the seller can –<\/p>\n
- \n
- View the complete list of the images.<\/li>\n
- Edit or delete the images.<\/li>\n
- Add new images to the categories.<\/li>\n<\/ul>\n
For adding the new image, click on the\u00a0Add New Image\u00a0<\/strong>and navigate to the New Image Page as per the below image.<\/p>\n
<\/a><\/p>\nHere, enter the image description and select the image category from the drop-down. And then upload the image which will be added to that selected category.<\/p>\n
Fonts:<\/h3>\n
The seller can even upload custom font files for the text editor. For this, the seller will click on the\u00a0Font\u00a0<\/strong>option and navigate to the Font page as per the below image.<\/p>\n
<\/a><\/p>\nHere, the seller can –<\/p>\n
- \n
- View the complete list of the font files.<\/li>\n
- Edit or delete the fonts.<\/li>\n
- Add new fonts for the text editor.<\/li>\n<\/ul>\n
For adding the new fonts, click on the\u00a0Add New Font <\/strong>and navigate\u00a0to the New Fonts Page as per the below image.<\/p>\n
<\/a><\/p>\nHere, enter the font name and then upload the font file.<\/p>\n
Colors:<\/h3>\n
The seller can add the predefined colors for the template using the color codes.\u00a0For this, the seller will click on the\u00a0Colors\u00a0<\/strong>option and navigate to the Colors page as per the below image.<\/p>\n
<\/a><\/p>\nHere, the seller can –<\/p>\n
- \n
- View the complete list of the colors.<\/li>\n
- Edit or delete the colors.<\/li>\n
- Add new colors.<\/li>\n<\/ul>\n
For adding the new colors, click on the\u00a0Add New Color <\/strong>and navigate\u00a0to the New Color Page as per the below image.<\/p>\n
<\/a><\/p>\nHere, enter the color name and color code.<\/p>\n<\/div>\n<\/div>\n<\/div>\n
\n\n\nCreate Personalized Products<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nFor creating a new personalized product for your online store click on\u00a0New Product\u00a0<\/strong>menu option.<\/p>\n
<\/a><\/p>\nAfter this, select the product type\u00a0Web To Print Product <\/strong>and navigate\u00a0to the\u00a0Add New Product page.<\/p>\n
<\/a><\/p>\nHere, the seller first saves the product with the product basic details. Then, only the seller can view the\u00a0Create Web To Print Template\u00a0<\/strong>button as per the below image.<\/p>\n
<\/a><\/p>\nNow, click on\u00a0Create Web To Print Template\u00a0<\/strong>button and the editor will be displayed as per the below image.<\/p>\n
<\/a><\/p>\nAdding Template:<\/h3>\n
To insert a new template, click\u00a0Add More<\/strong>\u00a0and the following form will appear.<\/p>\n
<\/a><\/p>\nHere, the seller needs to provide the template information:<\/p>\n
Title<\/strong>\u00a0\u2013 Set the title for the frontend.<\/p>\n
Description<\/strong>\u00a0\u2013 Enter any description of the template.<\/p>\n
Base Image<\/strong>\u00a0\u2013\u00a0 Upload the base image of the product.<\/p>\n
Mask Image<\/strong>\u00a0\u2013 Upload the mask image of the product where customization can be done.<\/p>\n
Adding Text:<\/h3>\n
To add a text in the template, click Text<\/strong> icon and edit the text as per the choice.<\/p>\n
<\/a><\/p>\nThe text editor has various options to customize the text \u2013 font face, bold, italic, size, color etc.<\/p>\n
Adding Images:<\/h3>\n
The seller can add the images to the template. The height and width of the image can be adjusted accordingly.<\/p>\n
<\/a><\/p>\nAdding Shapes:<\/strong><\/h3>\n
For adding shapes, click Shape<\/strong>. You can also customize the shape using fill color, border color, width, etc.<\/p>\n
<\/a><\/p>\nClick on Preview\u00a0<\/strong>button to preview the template.<\/p>\n
<\/a><\/p>\nAnd finally, select the template which you want to display on the frontend and save the configuration.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nFrontend<\/strong><\/h3>\n<\/div>\n<\/div>\n
\n\nOn the product page, the customers will see the\u00a0Customize Product<\/strong>\u00a0button.<\/p>\n
<\/a><\/p>\nCanvas<\/h3>\n
After clicking the Customize Product<\/strong> button, the Canvas editor will open. Here, the customer can customize the product images using the text editor, upload image, or add shapes to the image. The customer can choose any of the templates and customize it accordingly.<\/p>\n
<\/a><\/p>\nPreview – Marketplace Web to Print<\/h3>\n
Once, the customer is done with the customization, the customer will save the template. And can even preview it by clicking on the Preview\u00a0<\/strong>button.<\/p>\n
<\/a><\/p>\nA\u00a0pop-up window will display where the customer needs to check the declaration, enter quantity, and then click Add to Cart button.<\/p>\n
Shopping Cart<\/h3>\n
After adding the product to the cart, the customer can proceed further to place the order.<\/p>\n
<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\nThat\u2019s all for the Marketplace Web To Print for Magento 2 (Adobe Commerce)<\/strong> extension. If still have any issue, feel free to contact us at our HelpDesk System<\/a>.<\/p>\n
Explore the\u00a0Adobe Commerce Cloud development service\u00a0by Webkul. You may also browse other\u00a0Magento 2 marketplace addons.<\/a>\u00a0Also our quality\u00a0Magento 2 extensions<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"