{ id : "ProductTour", steps : [ #IF( #PAGETYPE.Alias EQ "UnityMBO-Products") { title : "{YourProducts[js]}", content : "{AddProduct_Content[js]}", target : ".ep-contentBox-check.add-button", placement : "bottom", yOffset : 8, highlightBorderRadius : "5px", multipage : true, nextOnTargetClick : true, task : { taskFunction : "clickOnTarget", mandatory : false }, onNext: function() { ep('.ep-contentBox-check.add-button').click(); } }, #ELSE /*setting up two dummy steps to match the amount of steps from the MBO-Products Page*/ { target : null, }, #ENDIF { title : "{ProductName[js]}", content : "{ProductName_Content[js]}", target : "#NameNative", placement : "bottom", arrowOffset : "center", showPrevButton: false, yOffset : 8, highlightBorderRadius : "3px", task : { taskFunction : "validateInputOnTarget", target : "input#NameNative", mandatory : false } }, { title : "{ProductVisibility[js]}", content : "{ProductVisibility_Content[js]}", target : "div.col-xs-3:has(#IsVisible0)", placement : "right", yOffset : -12.5, highlightBorderRadius : "2px", highlightMargin : 5, task : { taskFunction : "clickOnTarget", target : "#IsVisible0", mandatory : false } }, { title : "{ProductDescription[js]}", content : "{ProductDescription_Content[js]}", target : "div.ep-wysiwyg-wrapper", placement : "bottom", yOffset : 8, highlightBorderRadius : "2px", arrowOffset : "center", task : { taskFunction : "validateInputOnTarget", target : "div#uieditor_DescriptionTranslation", mandatory : false } }, { title : "{UploadImage[js]}", content : "{UploadImage_Content[js]}", target : ".ep-dndupload-element", placement : "left", arrowOffset : "center", highlightBottomMargin : 246, highlightBorderRadius : "2px", task : { taskFunction : "testDnDUploader", mandatory : false, target : "input.ep-dropzone-fileinput" } }, { title : "{ProductPrice[js]}", content : "{ProductPrice_Content[js]}", target : "div.col-xs-6:has(input.Price)", placement : "top", yOffset : -8, arrowOffset : "center", highlightBorderRadius : "2px", task : { taskFunction : "validateInputOnTarget", target : "input.Price", mandatory : false } }, { title : "{Categories[js]}", content : "{Categories_Content[js]}", target : "div.col-xs-12:has(div.col-xs-12:has(input#Category))", placement : "top", yOffset : -8, xOffset : 30, highlightBottomMargin : 20, highlightBorderRadius : "2px", task : { taskFunction : "clickOnTarget", target : "input#Category ~ button.ep-tray", mandatory : false } }, { title : "{SaveChanges[js]}", content : "{SaveChanges_Content[js]}", target : "#SaveButton", placement : "top", yOffset : -8, highlightBorderRadius : "2px", multipage : true, nextOnTargetClick : true, noScroll : true, task : { taskFunction : "clickOnTarget", target : "#SaveButton", mandatory : false } } ] }, tourSettings : { highlightMargin: 0 } /* Those language tags are required in for the Tour Start Dialog in GuidedTours "TourExplanation": "{TourExplanation}" "WelcomeMessage": "{WelcomeMessage}"" */