Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Customizing SXA

117 views

Published on

Slides from my presentation for SUG Jordan presented on 16th June 2019

Published in: Software
  • Be the first to comment

  • Be the first to like this

Customizing SXA

  1. 1. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Peter Prochazka tothecore.sk / @chorpo Customizing SXA
  2. 2. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Agenda • What is SXA? • SXA features • Customizing SXA • Demo
  3. 3. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Quick introduction • Peter Prochazka • Sitecore Solutions Architect at Accenture / Avanade • Experienced in Sitecore for 5 years, ASP.NET for 10+ years • Sitecore Certified Developer (3x) • Sitecore Experience Commerce 9.0 Certified • https://tothecore.sk/ • @chorpo
  4. 4. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka What is SXA? • SXA = Sitecore Experience Accelerator • Accelerator • For Content Editors • For Developers • For Marketers • For Administrators • Accelerates processes and delivery
  5. 5. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka SXA features SXA Sitecore ASP.NET
  6. 6. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka SXA features
  7. 7. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka SXA features
  8. 8. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA • Extending / Altering OOTB SXA Components • Rendering Variants • Custom Views • Cloning Components
  9. 9. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA • Creating own layout • Body-top placeholder is shown in Experience Editor • Proper setup: <?xml version="1.0" encoding="utf-8" ?> <configuration xmlns:patch="http://www.sitecore.net/xmlconfig/"> <sitecore> <experienceAccelerator> <mvc> <!-- List of placeholders which should be hidden. --> <hiddenPlaceholders> <layout id="{3F0CD196-54BF-4E11-A428-032CE3E1DFBA}"> <placeholder name="head"/> <placeholder name="body-bottom"/> <placeholder name="body-top"/> </layout> </hiddenPlaceholders> </mvc> </experienceAccelerator> </sitecore> </configuration>
  10. 10. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA
  11. 11. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA
  12. 12. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA • Creating own theme • REQ: • We won’t use OOTB SXA components • FE will serve all styles/scripts from their other repository • Not using Creative Live Exchange • Solution: • Create barebone theme that works with SXA
  13. 13. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA • Solution: • Create barebone theme that works with SXA
  14. 14. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Demo overview • Small microsite: • Toolbox • Page & Partial Designs • Rendering Variants • Components • Create own components • Customizing existing components • Customizing SXA
  15. 15. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
  16. 16. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka “We learn by doing because we do by learning” Saji Ijiyemi
  17. 17. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka • https://tothecore.sk/2019/05/27/sitecore-sxa-learning- resouces-getting-started-with-sxa/ • Short, unofficial, ad-hoc, Sitecore SXA tutorials - https://www.youtube.com/channel/UCn_P819AlbNv_ma QCqrKp4g
  18. 18. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka https://tothecore.sk/ https://twitter.com/chorpo http://goodreads.com/chorpo https://linkedin.com/in/chorpo https://doc.sitecore.net/ https://sitecorechat.slack.com/ https://sitecore.stackexchange.com/
  19. 19. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Questions?
  20. 20. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka

×