Odoo Crafito Theme - PowerPoint PPT Presentation

slide1 n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Odoo Crafito Theme PowerPoint Presentation
Download Presentation
Odoo Crafito Theme

play fullscreen
1 / 73
Odoo Crafito Theme
77 Views
Download Presentation
appjetty
Download Presentation

Odoo Crafito Theme

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. TABLEOFCONTENTS Introduction 2BenefitsofCrafitoOdooTheme 2Pre-requisites 2Installation 3InstallationSteps 3ThemeConfiguration 6ContactUs 73 USERMANUAL CrafitoOdooTheme Version:1.1.4 Compatibility: Odoo8.x,9.x,10.x,11.x

  2. USERMANUAL–CrafitoOdooTheme • Introduction • Crafitoisaspecializedandwell-craftedthemefore-commerceindustry.Itisdevelopedmainlyfore-commerceindustry.Itprovidesnumeroussnippetswithvariouspossibleoptionsforcustomizingstoreandprovidinganattractivelook&feel.CrafitohasinbuiltappslikeAdvanceMegaMenu&CustomProductImageGalleryforadmintorepresenttheproductsanditscategories&subcategorieseffectively. • BenefitsofCrafitoOdooTheme • Manysnippetsareprovidedwithvariouspossibleoptionsforcustomizingstoreandprovidinganattractivelook&feel. • IthasmanyinbuiltappslikeAdvanceMegaMenuandCustomProductGallerytorepresent • produĐt’sĐategoriesaŶdsuďĐategories. • Pre-requisites • Followingpointsmustbefollowedbeforestartingtheplugininstallation: • YoushouldloginasanAdmininOdoo. • CheckthatyourOdooInstanceiscompatibleforCrafitoTheme. • Ane-commercemoduleshouldbepresentinyourinstancetousethistheme. www.appjetty.com

  3. USERMANUAL–CrafitoOdooTheme • Installation • InstallationSteps • Step1:Downloadandextractthezipfile.Step2:CheckyourOdooadd-onspath. • ItshouldbesameasdefinedinOdooConfigfile. • Configfilesaremostlysavedin/etcfolder.Fore.g./etc/odoo.conf • OpenConfigfile: • Givethecommand:sudo/etc/odoo.conf • Configfilecontent:addons_path=/opt/odoo/addons • Step3:OpenTerminalandgotodownloadlocation • Fore.g.ifthedownloadlocationpathis:/home/odoo/Downloadsthenthecommandtobewrittenintheterminalwouldbe:cd/home/odoo/Downloads • Step4:Copydownloadmodulestoaddonspath • Givethebelowmentionedcommandstoperformcopyoperation: • $cd/home/odoo/Downloads/theme_crafito • $cdv9 • $sudocptheme_crafito/opt/odoo/addons • Step5:RestartOdooserver • Step6:Loginwiththeadmincredentialsinyourodooinstance.Step7:GotoSettings/UpdateModuleList. • Clickon͚Update͛button. www.appjetty.com

  4. USERMANUAL–CrafitoOdooTheme • Step8:GotoSettings/LocalModules • Removesearchfilter www.appjetty.com

  5. USERMANUAL–CrafitoOdooTheme • Entermodulenameinthesearchboxprovidedinthetoprightcornerofthepage.Fore.g.here • ǁrite͞Crafito͟. • Clickon͚Install͛ button. www.appjetty.com

  6. USERMANUAL–CrafitoOdooTheme • ThemeConfiguration • ConfiguringMainTitleSnippet • GotoWebsite->Edit->InsertBlocks->MainTitle.DraganddropMainTitleSnippetonthepagewhereyouwantit. • ClickonCustomizetocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • ClickonanyTexttocustomizetextoftheTitleBlock.ClickontheTitletocustomizeTitleoftheblock. www.appjetty.com

  7. USERMANUAL–CrafitoOdooTheme • ConfiguringUpperBannerSnippet • GotoWebsite->Edit->InsertBlocks->UpperBanner.DraganddropUpperBannerSnippetonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • ForBreadcrumbsyoucansetlinksforthepagesaswellasunlinkthemuponrequirement. www.appjetty.com

  8. USERMANUAL–CrafitoOdooTheme • ConfiguringHomeSliderSnippet • GotoWebsite->Edit->InsertBlocks->HomeSlider.DraganddropUpperBannerSnippetonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet.YoucanalsoManageSlideshowspeedalongwithnumberofslidesinthesnippet. www.appjetty.com

  9. USERMANUAL–CrafitoOdooTheme • Youcanalsoaddtexttothebanneralongwithanybuttonthatcanredirectyourcustomertoanypage.Youcanalsomanagelinksofthebuttonbyclickingbuttonandthenclickingonlinkbutton. www.appjetty.com

  10. USERMANUAL–CrafitoOdooTheme • ConfiguringAboutUsSnippet • GotoWebsite->Edit->InsertBlocks->AboutCompany/AboutUs2/AboutUs3.Draganddropanyofthe3Snippetsonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • AboutCompanySnippet www.appjetty.com 10

  11. USERMANUAL–CrafitoOdooTheme • AboutUs2Snippet • AboutUs3Snippet www.appjetty.com

  12. USERMANUAL–CrafitoOdooTheme • ConfiguringAboutMeSnippet • GotoWebsite->Edit->InsertBlocks->AboutMe.DraganddropAboutMeSnippetonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.Youcanalsoresizetheimageaccordingtotheneed.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. www.appjetty.com

  13. USERMANUAL–CrafitoOdooTheme • ConfiguringFeaturesSnippet • GotoWebsite->Edit->InsertBlocks->SpecialFeatures1/SpecialFeatures2/SpecialFeatures • 3.Draganddropanyofthe3Snippetsonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcancustomizesinglefeatureblockaswellascombinedfeatureblock.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • SpecialFeatures1 www.appjetty.com

  14. USERMANUAL–CrafitoOdooTheme • SpecialFeatures2 • SpecialFeatures3 www.appjetty.com

  15. USERMANUAL–CrafitoOdooTheme • ConfiguringNewsLetterSnippet • GotoWebsite->Edit->InsertBlocks->Subscribe/NewsLetter.Draganddropanyofthe2Snippetsonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • NewsLetter www.appjetty.com

  16. USERMANUAL–CrafitoOdooTheme • Subscribe www.appjetty.com

  17. USERMANUAL–CrafitoOdooTheme • ConfiguringContactUsSnippet • GotoWebsite->Edit->InsertBlocks->ContactUs.DraganddropContactUsSnippetonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • ConfiguringFactSheetSnippet • GotoWebsite->Edit->InsertBlocks->FactsSheet.DraganddropFactSheetSnippetonthepagewhereyouwantit.ChoosetheIcons,LabelsalongwiththenumberyouwanttodisplayontheFactSheet. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. www.appjetty.com

  18. USERMANUAL–CrafitoOdooTheme • ConfiguringSkillsSnippet • GotoWebsite->Edit->InsertBlocks->Skills.DraganddropSkillsSnippetonthepagewhereyouwantit.ChoosetheIcons,LabelsalongwiththenumberyouwanttodisplayontheSkills. www.appjetty.com

  19. USERMANUAL–CrafitoOdooTheme • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. www.appjetty.com

  20. USERMANUAL–CrafitoOdooTheme • ConfiguringWhyChooseUsSnippet • GotoWebsite->Edit->InsertBlocks->WhyChooseUs.DraganddropWhyChooseUSSnippetonthepagewhereyouwantit.ChoosetheIcons,LabelsalongwiththenumberyouwanttodisplayontheSkills. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • Youcanalsocustomizeaccordionblockdataalongwithimages,textsandotherblocks. www.appjetty.com 20

  21. USERMANUAL–CrafitoOdooTheme • ConfiguringMaintenanceModeSnippet • GotoWebsite->Edit->InsertBlocks->MaintenanceMode1/MaintenanceMode2.Draganddropanyofthe2Snippetsonthepagewhereyouwantit.Youcansetthetimeremaininginmakingyoursiteliveanddisplaycounterforthatperiodoftime. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. www.appjetty.com

  22. USERMANUAL–CrafitoOdooTheme • MaintenanceMode1 • MaintenanceMode2 www.appjetty.com

  23. USERMANUAL–CrafitoOdooTheme • ConfiguringTestimonialSnippet • GotoWebsite->Edit->InsertBlocks->Testimonial1/Testimonial2/Testimonial3/Testimonial4.Draganddropanyofthe4Snippetsonthepagewhereyouwantit • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed.Youcancustomizeclientareabackgroundaswellaswholesnippetbackground.Youcanalsoaddmultipleslidestothesnippettoshownumeroustestimonials. • Youcancustomizeeveryblockofthesnippet.Youcancustomizesingletestimonialblockaswellascombinedtestimonialblocks.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • Testimonial1 www.appjetty.com

  24. USERMANUAL–CrafitoOdooTheme • Testimonial2 • Testimonial3 www.appjetty.com

  25. USERMANUAL–CrafitoOdooTheme • Testimonial4 www.appjetty.com

  26. USERMANUAL–CrafitoOdooTheme • ConfiguringPricingTableSnippet • GotoWebsite->Edit->InsertBlocks->PricingTable1/PricingTable2/PricingTable3/PricingTable4/PricingTable5/PricingTable6/PricingTable7/PricingTable8.Draganddropanyofthe8Snippetsonthepagewhereyouwantit. • ClickonCustomizetocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.Youcancustomizesinglepricingblockaswellascombinedpricingblock.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet.YoucanalsoaddbuttontonavigatecustomertoBuyNowPage. • PricingTable1 www.appjetty.com

  27. USERMANUAL–CrafitoOdooTheme • PricingTable2 • PricingTable3 www.appjetty.com

  28. USERMANUAL–CrafitoOdooTheme • PricingTable4 • PricingTable5 www.appjetty.com

  29. USERMANUAL–CrafitoOdooTheme • PricingTable6 • PricingTable7 www.appjetty.com

  30. USERMANUAL–CrafitoOdooTheme • PricingTable8 www.appjetty.com 30

  31. USERMANUAL–CrafitoOdooTheme • ConfiguringOurServicesSnippet • GotoWebsite->Edit->InsertBlocks->EmphasizedServices/OurServices1/OurServices2/OurServices3/OurServices4/ServiceNew.Draganddropanyofthe6Snippetsonthepagewhereyouwantit. • ClickonCustomizetocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.YoucancustomizesingleServiceblockaswellascombinedServiceblocks.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet. • OurServices1 • OurServices2 www.appjetty.com

  32. USERMANUAL–CrafitoOdooTheme • OurServices3 • OurServices4 www.appjetty.com

  33. USERMANUAL–CrafitoOdooTheme • EmphasizedServices • ServiceNew www.appjetty.com

  34. USERMANUAL–CrafitoOdooTheme • ConfiguringMultiProductSliderSnippet • GotoWebsite->Edit->InsertBlocks->MultiProductTabsSlider.DraganddropMultiProductSliderSnippetonthepagewhereyouwantit. • SelecttheTypeofsliderwhichyouwanttodisplayonthepage. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. www.appjetty.com

  35. USERMANUAL–CrafitoOdooTheme • ManagingSliderConfigurations: • GotoSales->SliderConfigurations->MultiProductSliderConfigurations.ClickonCreate • buttontocreateanewslidercategory. • SetFollowingattributestodisplayMultiProductSlideronwebsite. • SliderName:SliderName • AutoRotateSlider:EnablethistosetslideronAutoRotation. • SliderSlidingSpeed:ManageSliderSpeedifsetonAutoRotation. • No.OfCollectionstoShow:Numberofcollectionsthataredisplayedonthepage. • CollectionName:NameoftheCollection • ProductCollection:Setproductswhicharedisplayedinthecollection. • SpecialOfferProductforCollection:Setspecialproductwhichwillbedisplayedinthecollection. www.appjetty.com

  36. USERMANUAL–CrafitoOdooTheme • ConfiguringCategorySliderSnippet • GotoWebsite->Edit->InsertBlocks->CategorySlider.DraganddropCategorySliderSnippetonthepagewhereyouwantit. • SelecttheTypeofsliderwhichyouwanttodisplayonthepage. • Clickon͚Custoŵize͛tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. www.appjetty.com

  37. USERMANUAL–CrafitoOdooTheme • ManagingSliderConfigurations: • GotoSales->SliderConfigurations->CategorySliderConfigurations.Clickon͚Create͛ • buttontocreateanewslidercategory. • SetFollowingattributestodisplayCategorySlideronwebsite. • SliderName:SliderName • Counts:NumberofCategoriestodisplayonthepage. • AutoRotateSlider:EnablethistosetslideronAutoRotation • SliderSlidingSpeed:ManageSliderSpeedifsetonAutoRotation • CollectionofCategory:Addthecategorieswhichareneededtobeaddedinthecollection. www.appjetty.com

  38. USERMANUAL–CrafitoOdooTheme • ConfiguringProductsSliderSnippet • GotoWebsite->Edit->InsertBlocks->ProductsSlider.DraganddropProductsSliderSnippetonthepagewhereyouwantit. • SelecttheTypeofsliderwhichyouwanttodisplayonthepage. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. www.appjetty.com

  39. USERMANUAL–CrafitoOdooTheme • ManagingSliderConfigurations: • GotoSales->SliderConfigurations->ProductsSliderConfigurations.ClickonCreate • buttontocreateanewslidercategory. • SetFollowingattributestodisplayCategorySlideronwebsite. • SliderName:SliderName • Counts:NumberofCategoriestodisplayonthepage. • AutoRotateSlider:EnablethistosetslideronAutoRotation • SliderSlidingSpeed:ManageSliderSpeedifsetonAutoRotation • CollectionofProducts:Addtheproductswhichareneededtobeaddedinthecollection. www.appjetty.com

  40. USERMANUAL–CrafitoOdooTheme • ConfiguringFeaturedProductsSliderSnippet • GotoWebsite->Edit->InsertBlocks->FeaturedProductsSlider.DraganddropFeaturedProductsSliderSnippetonthepagewhereyouwantit. • SelecttheTypeofsliderwhichyouwanttodisplayonthepage. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed www.appjetty.com 40

  41. USERMANUAL–CrafitoOdooTheme • ManagingSliderConfigurations: • GotoSales->SliderConfigurations->FeaturedProductsSliderConfigurations.Clickon • Createbuttontocreateanewslidercategory. • SetFollowingattributestodisplayCategorySlideronwebsite. • SliderName:SliderName • SliderLabel:Setthelabelfortheslider • ProductsCollection:Settheproductsdisplayedintheslider. www.appjetty.com

  42. USERMANUAL–CrafitoOdooTheme • ConfiguringBlogSlidersnippet • GotoWebsite->Edit->InsertBlocks->BlogSlider/News1/News2/News3.DraganddropAnyofthe4Snippetonthepagewhereyouwantit. • SelectthetypeofBlogwhichyouwanttodisplayfromthemenu. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. www.appjetty.com

  43. USERMANUAL–CrafitoOdooTheme • AddingBlogstotheSnippet • GotoWebsiteAdmin->Blog->BlogSliderConfiguration.ClickonCreatebuttontocreateanewBlogcategory. • SetFollowingattributestodisplayBlogSlideronwebsite. • SliderName:SliderName • SliderLabel:Setthelabelfortheslider • ProductsCollection:Settheproductsdisplayedintheslider. • CollectionofBlogPosts:AddtheBlogswhichareneededtobeaddedinthecollection. www.appjetty.com

  44. USERMANUAL–CrafitoOdooTheme • BlogSlider • News1 www.appjetty.com

  45. USERMANUAL–CrafitoOdooTheme • News2 www.appjetty.com

  46. USERMANUAL–CrafitoOdooTheme • News3 • ChangingCoverfortheBlog • GotoWebsite->Blog.Clickonanyblogofwhichyouwanttochangecover. • ClickonEdit->Customize->ChangeCovertochangethecoveroftheblogpage. www.appjetty.com

  47. USERMANUAL–CrafitoOdooTheme • ConfiguringClientSlidersnippet • GotoWebsite->Edit->InsertBlocks->OurClients/Partner.DraganddropOurClients/PartnerSnippetonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • AddingClientstotheSnippet • GotoSales->Customers.Clickonthecustomerwhichyouwanttoaddinthesnippet. • ClickonEditandEnableAddtoclientslideroption. www.appjetty.com

  48. USERMANUAL–CrafitoOdooTheme • ConfiguringShowcaseSnippet • GotoWebsite->Edit->InsertBlocks->Showcase/Showcase4Columns/Showcase2Columns.Draganddropanyofthe3Snippetsonthepagewhereyouwantit. • Clickon͚Customize͛ tocustomizeStyle,BackgroundandColoroftheSnippet.YoucanMove,CopyandDeletethesnippetfromhere.YoucanalsoresizetheSnippetaspertheneed. • Youcancustomizeeveryblockofthesnippet.YoucancustomizesingleShowcaseblockaswellascombinedShowcaseblocks.Youcanclickonanyimagetochangetheimageorremovetheimage.AlongwithimageyoucanalsoaddText,Document,PictogramandVideotothesnippet.Youcanalsochangeimagesofthemultipletabsasperrequirement • Showcase4Column www.appjetty.com

  49. USERMANUAL–CrafitoOdooTheme • Showcase1column www.appjetty.com

  50. USERMANUAL–CrafitoOdooTheme • Showcase2Column www.appjetty.com 50