personalized products rich milople userguide · personalized products rich user guide...
TRANSCRIPT
![Page 1: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/1.jpg)
PERSONALIZEDPRODUCTSRICH
UserGuide
1.Introduction
ThePersonalizedproductsextensionforMagento2allowsthecustomertopersonalizevariouskindsofproductsliket-shirts,mugs,caps,phonecoversetc.byaddingtexts,images,clipartetc.Thisenhancesshoppingexperienceascustomerscandesignproductsaccordingtotheirrequirements.ThisMagento2productdesignerhastwoversions:RichandCool.
2.ExtensionConfiguration
AfterbuyingtheextensionyoucangotoMagentobackendandconfiguretheextensionfromhere.
Youcanaccessyourserialkeyfromthe“MyAccount”dashboardandenteritheretoactivatethemodule.
Thebelowfunctionalityallowstheadmintoenableordisablethepersonalizedproductsextensiononthefrontend.
![Page 2: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/2.jpg)
3.Productpagewithpersonalizationfeaturesenabled
4.PersonalizationAreasettings
Usingthissettingtheadmincandefinetheareawithinwhichacustomerwillbeabletoapplyallpersonalizationfeatures.Outsidethisarea,personalizationwillnotbepossible.
Setthisto“No”ifyoudonotwantanyrestrictionondesignareainsidetheproductimage.
![Page 3: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/3.jpg)
5.Generalconfiguration
5.1CustomizePersonalizationbutton
Usingthisfeaturetheadmincancustomizethepersonalizationbuttonlabeltosomethinglike“PersonalizeNow”,“Personalizethisproduct”etc.
5.2SettingPersonalizationMode
Thissettingallowstheadmintodisplaythepersonalizationfeaturesdirectlyontheproductpageorintheformofapop-up.
Setdesignareadimensionsonproductimage.
![Page 4: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/4.jpg)
6.Howtoassignproductspecificpersonalizationfeatures?
NavigatetoMilopleExtension->Catalogwillopenthefollowinggridwithallstoreproductslisted.
Personalizationmodesetto
“productpage”.
Personalizationmodesetto“pop-up”.
Clickingon“Personalizeit”willopenall
personalizationoptionsinapop-upwindow.
![Page 5: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/5.jpg)
Clickingon“Edit”willallowtheadmintosetpersonalizationfeaturesforthisspecificproduct.
7.TextandFontSettings
Settingthisto“NO”willdisablepersonalizationoptionforthe
selectedproduct.
Settingthisto“NO”willdisable“nameandnumber”functionalityfor
theselectedproduct.
![Page 6: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/6.jpg)
Thestoreadmincandecideifhe/shewantsthecustomertobeabletopersonalizetheproductbyenteringtextintothedesignarea.
Also,textformattingwithgooglefontscanbeallowed.Theadmincanchoose,whichgooglefontswillbeavailabletothecustomerfortextformatting.
The admin can addnew fontsapartfromthegooglefonts.
Thestoreadmincan
navigatetoMilopleExtensions->ManageFontsandfindagridwhereallcreatedfontsarelisted.Thestatusandnamesoftheseexistingfontscanbeeditedornewfontscanbeaddedusingthe“AddNewFonts”button.
Clickingon“Select->Edit”foranexistingfontorclickingon“AddNewFonts”willredirecttothepageshownbelow.“Select->Delete”willdeletetheselectedfont.
Theadmincansetanamountinthisfield.Thisamountwillbechargedforeachtextthatwillbeaddedbythecustomerintothedesignarea.Leavingthisemptywouldmakeitfreeforthecustomerstoaddtext.
Theadmincaneditfontname.
Theadmincanenable/disablethefontonthefrontend.
Thefontfilescanbeuploadedhere.
![Page 7: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/7.jpg)
8.Imageandclipartsettings
Theadmincanallowthecustomertouploadimagesandclipartintothedesignareaforthepurposeofpersonalization.
Settingtheseto“No”willnotallowthecustomertopersonalizetheproductwithimagesandclipart.
Theadmincansetanamountinthisfield.Thisamountwillbechargedforeachimagethatwillbeaddedbythecustomerintothedesignarea.Leavingthisemptywouldmakeitfreeforthecustomerstoaddimages.
8.1Howadmincandownloadrawimages
Thisextensionallowstheadmintodownloadtheimageoforiginalsizeandqualitythatwasuploadedbythecustomerintothecanvasforthepurposeofpersonalization.
8.2“FittoCanvas”settings
![Page 8: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/8.jpg)
Theimageuploadedbythecustomerforpersonalizationwillfittotheexactsizeofthecanvas.Settingthisto“No”willdisallowthisfunctionality.Inthatcase,theimagesizewillremainsameasoriginalirrespectiveofsizeofthecanvasorsizeofthedesignareaavailable.
9.ManageClipartImage
BynavigatingtoMilopleExtensions->ManageClipartimage,theadminwillbeabletofindgridshownbelow.Hereallthecreatedclipartimageswouldbelisted.Newclipartimagescanalsobeaddedusing“AddNewimage”button.
Clickingon“Select->Edit”foranexistingimageorclickingon“AddNewImage”willredirecttothepageshownbelow.
![Page 9: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/9.jpg)
10.ManageClipartcategory
BynavigatingtoMilopleExtensions->ManageClipartcategory,theadminwillbeabletofindgridshownbelow.Hereallthecreatedclipartcategorieswouldbelisted.Newcategoriescanalsobeaddedusing“AddNewCategory”button.
Clickingon“Select->Edit”foranexistingcategoryorclickingon“AddNewCategory”willredirecttothepageshownbelow.“Select->Delete”willdeletetheselectedcategory.
Alltheclipartimagesaddedin“ManageClipartImage”section,wouldbelisteddownasshownbelow.Fromhere,theadmincanselectdesiredimagesandclickon“Savecategory”willassignthoseimagesunderthisparticularclipartcategory.
.
Thenameandstatusofthecategorycanbe
editedhere.
![Page 10: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/10.jpg)
11.Predefinedtemplatesettings
ThisisavailableonlyintheRICHversion.
Admincanenable/disabletheTemplate
functionality.
The“Template”functionalityallowsthecustomertoaddpredefinedtemplatesonthedesignareaandalsotoedittheexistingtemplate.
![Page 11: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/11.jpg)
11.1WherecanyouaddtheTemplates?
Aftersettingthestatustoenableadminhastocreatetemplateonthebackend.TodosoadmincannavigatetoCatalog->Products.Clickoneditoptionoftheproductthatonewantstocreatetemplate,navigatetoImagesandVideostabandclickonediticon.Amodelwillbeopenasshowninthebelowimage.
11.2CreatingNewTemplate
AdmincancreatenewtemplatebyclickingonAddNewTemplate.OnAddNewTemplatepageadmincanadd text, imagesandcanset thepositionof themrespectively.
![Page 12: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/12.jpg)
11.3AssigningTemplatestoFrontEnd
AfterSavingthedesignofthetemplate,admincannavigatetohomebyclickingonHomebutton.Thereadmincanviewthepreviewoftemplatecreatedandcanassignittofrontendbyclickingonthecheckboxandsavingit.
![Page 13: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/13.jpg)
11.4CopyingExistingTemplatesAdmincancopytemplatesbyclickingonCopyExistingTemplates.Allthetemplatesrelatedtotheproductwillappear.ThecheckedtemplatescanbecopiedbyclickingonAddExistingTemplates.
11.5DeletingTemplates
Theadmincandeletethetemplatesbyclickingondeletebutton.Thecheckedtemplateswillbedeleted.
![Page 14: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/14.jpg)
12.NameandNumber
ThisisavailableonlyintheRICHversion.
The“Nameandnumber”functionalityallowsthecustomertoaddnameand/ornumberinthedesignarea.
![Page 15: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/15.jpg)
12.1NameandNumberSettings
12.1.1NameandNumberforAllProducts
AdmincanassignNameandNumbertoAllProducts
12.1.2NameandNumberforSpecificProducts
TodosoadmincannavigatetoProductPage.Thereafter,hecanselecttheproductforwhichhewantstoallowNameandNumberbyclickingonedit.Thereafter,theadmincannavigatetoPersonalizedNameandNumbertab.Thereafter,hecansetasbelow.
AdmincanassignNameandNumbertoSpecific
Products
![Page 16: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/16.jpg)
12.1.3NameandNumberonlyforspecificsideofaproductTheadmincanassignNameandNumbertoonlyspecificsideofaproduct.Theassignment of Name and Number for a particular side can be achieved byNavigatingtoproductpageandthenclickingonImagesandVideostab.TheusercanfindNameandNumberalongwithBase,Small,Thumbnailetc.,
*Note:ThebaseimagewillbeassignedtheroleofName&Numberbydefault.
12.2NameSettings
12.2.1NameforAllProducts
TheuserhastheflexibilitywhethertoprovideornottoprovidetheNamefieldtotheuser.TheadmincannavigatetoPersonalizedProductsConfiguration
12.2.2NameforSpecificProducts
TheNamewillappearforalltheproductswiththetitlegiveninthelabel
field
![Page 17: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/17.jpg)
TheuseralsohastheflexibilitytoassignNamefieldtoonlyspecificproducts.TheadmincannavigatetospecificproductpagewherehecanfindPersonalizedNameandNumber
12.2.3NameFrontEndandBackEnd
FrontEnd
AfterassigningtheNameitwillappearonStoreProductPageasshownintheimage
BackEnd
Namewillappearwiththetitlegiveninthe
NameLabelfieldforthatspecificproduct
![Page 18: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/18.jpg)
12.3NumberSettings
12.3.1NumberforAllProducts
TheuserhastheflexibilitywhethertoprovideornottoprovidetheNumberfieldtotheuser.TheadmincannavigatetoPersonalizedProductsConfiguration.
12.3.2NumberforSpecificProducts
TheuseralsohastheflexibilitytoassignNumberfieldtoonlyspecificproducts.TheadmincannavigatetospecificproductpagewherehecanfindPersonalizedNameandNumber.
NumberwillappearwithtitlegivenintheNumber Label for that Specific
product
Numberwillappearforalltheproducts
![Page 19: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/19.jpg)
12.3.3NumberFrontEndandBackEnd
FrontEnd
AfterassigningtheNumberitwillappearon
StoreProductPageasshownintheimage
BackEnd
12.4SizeSettings
12.4.1SizeforAllProducts
![Page 20: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/20.jpg)
TheuserhastheflexibilitywhethertoprovideornottoprovidetheSizefieldtotheuser.TheadmincannavigatetoPersonalizedProductsConfiguration.
SizewillappearwiththetitlegivenintheLabelforSizeBoxfieldwithvaluesspecifiedintheSizeBox
Valuesfieldforallproducts
12.4.2SizeforSpecificProducts
TheuseralsohastheflexibilitytoassignSizefieldtoonlyspecificproducts.TheadmincannavigatetospecificproductpagewherehecanfindPersonalizedNameandNumber.
TheSizewillappearwiththetitlegivenintheSizeLabelwithvaluesselectedintheSelectSizefield
![Page 21: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/21.jpg)
12.4.2AddingSizeValues
TheadmincanprovidedifferentsizesforproductsbyaddingthevaluestoSelectSizeattribute.
13.Quote
ThisisavailableonlyintheRICHversion.The“Quote”functionalityallowsthecustomertoaddpredefinedquotesinthedesignarea.
13.1QuoteSettings
![Page 22: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/22.jpg)
TheAdmincanassignQuotetoallproductsoronlyselectedproductswithafewsimplesteps.
13.1.1QuoteforAllProducts
13.1.2QuoteforSpecific
Products
AdmincannavigatetoProductPageinAdmin.TherehecanfindPersonalizedProductstab.
TheadminhastoassignQuotesontheProductPageoncehesetQuotes forSpecificProducts
13.1.3PriceperQuotes
AdmincansetPricepereachQuoteaddedontothedesign
AdminhastheflexibilitytosetQuoteforspecific
products
AdmincansetthesetQuoteforallproducts
![Page 23: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/23.jpg)
14. Howcustomerpersonalizesaproduct?
14.1 Choosingsides
Thecustomercanchoosethesidesinwhichhe/shewantstodesign.
14.2 AddingText
Inthissection,thecustomercanaddatextinthedesignarea.Textstyle,texteffectcanalsobeedited.
![Page 24: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/24.jpg)
14.3 Uploadingimages
Theusercanuploadimagesintothedesignarea.
14.4UploadingClipart
TheuserhasoptionslikeMovetext,rotatetext,bringtofront,sendback,flip,delete,andduplicatetext.
![Page 25: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/25.jpg)
14.5AddingQuotes(Richversiononly)
14.6AddingNameandNumber(Richversiononly)
![Page 26: personalized products rich milople userguide · PERSONALIZED PRODUCTS RICH User Guide 1.Introduction The Personalized products extension for Magento2 allows the customer to personalize](https://reader036.vdocuments.mx/reader036/viewer/2022070905/5f7632555f12f159f479efff/html5/thumbnails/26.jpg)
Youcanalwayscontactusatwww.milople.com/supportforanyqueryregardingthisextension.Wewouldbegladtohelpyou.
14.6AddingTemplate )Richversiononly(
15.supportandFeedback
Theuserhasoptionslikerotateimageclockwise,anti-clockwiseandcan
deletetheTemplateImage
Theusercangobacktothegallerywherehecan
findtemplates