Customizing SXA

•

0 j'aime•223 vues

The document discusses customizing the Sitecore Experience Accelerator (SXA). It covers extending and altering out-of-the-box SXA components, creating custom layouts and themes, and demonstrates these techniques. The presentation aims to help content editors, developers, marketers and administrators accelerate delivery using SXA.

Logiciels

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
Peter Prochazka
tothecore.sk / @chorpo
Customizing
SXA

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
Agenda
• What is SXA?
• SXA features
• Customizing SXA
• Demo

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

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

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
SXA features
SXA
Sitecore
ASP.NET

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
SXA features

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

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>

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
Customizing SXA

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

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
Customizing SXA
• Solution:
• Create barebone theme that works with SXA

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

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
“We learn by doing because we do by learning”
Saji Ijiyemi

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

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/

Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka
Questions?

Contenu connexe

Similaire à Customizing SXA

Sitecore Forms with JSS

Peter Procházka

SXA in action

pratik satikunvar

SXA+JSS: From MicroComponents to MacroComponents

Vadzim Papko

SUG Bangalore - Overview of Sitecore Experience Accelerator with Pratik Satik...

Anindita Bhattacharya

Using js link and display templates

Paul Hunt

SQL Performance Improvements At a Glance in Apache Spark 3.0

Kazuaki Ishizaki

SQL Performance Improvements at a Glance in Apache Spark 3.0

Databricks

These are the slides from my session at SharePoint Saturday Stockholm, where I look at JavaScript Display Templates and how ITPros doing first and second tier development can use the JSLink functionality to implement them. This session focussed on List View Web Parts and looked at the way we previously visualised data in old version of SharePoint and how we would approach that now in SharePoint 2013. Please note: The upload of the pptx is failing for some reason, so I've added the slides as a PDF which doesn't include the notes on some of the slides. if you do have any questions, please reach out to me on twitter (@cimares) with any questions.

SPSSTHLM - Using JSLink and Display Templates for ITPros

Paul Hunt

Fast and furious: SXA in the game

Robert Debowski

Create a copy of your SharePoint farm with SPDocKit and AutoSPInstaller

SysKit Ltd

SQLAlchemy Primer

泰増田

Moving to the APEX Listener

Dimitri Gielis

After the great ultimate showdown (SXA vs. JSS: Ultimate Showdown) on Global Virtual SUGCON 2020 (https://virtual.sugcon.events/Agenda), JSS evangelist Anastasiya Flynn (https://twitter.com/AnastasiyaFlynn) tweeted: "Yes! #SitecoreJSS and #SitecoreSXA are most flexible/powerful when used together." https://twitter.com/AnastasiyaFlynn/status/1255949425450631176?s=20 That is absolutely true! In this session I will share our first implementation experience where we have been using JSS and SXA together.

#SitecoreJSS and #SitecoreSXA together. Is It Real? First experience!

Vadzim Papko

SUGUK Cambridge - Display Templates & JSLink for IT Pros

Paul Hunt

Are you a backend developer that’s being pushed into front end development? Are you frustrated with all JavaScript frameworks and build tools you have to learn to be a good UI developer? If so, this session is for you! We’ll explore the tools of the trade for fronted development (npm, yarn, Gulp, Webpack, Yeoman) and learn the basics of HTML, CSS, and JavaScript. We’ll dive into the intricacies of Bootstrap, Material Design, ES6, and TypeScript. Finally, after getting you up to speed with all this new tech, we’ll show how it can all be found and integrated through the fine and dandy JHipster project.

Front End Development for Back End Developers - Devoxx UK 2017

Matt Raible

A Power User's Intro to jQuery Awesomeness in SharePoint

Mark Rackley

SharePoint Saturday Belgium 2014 - Using JSLink and Display Templates with th...

BIWUG

SharePoint Fest Seattle 2017 Getting started with office365 sharepoint online...

Prashant G Bhoyar (Microsoft MVP)

#SPSLondon - Session 2 JSLink for IT Pros

Paul Hunt

Are Frameworks Evil; Should you care about Sitecore SXA and JSS;.pdf

Peter Procházka

Similaire à Customizing SXA (20)

Sitecore Forms with JSS

SXA in action

SXA+JSS: From MicroComponents to MacroComponents

SUG Bangalore - Overview of Sitecore Experience Accelerator with Pratik Satik...

Using js link and display templates

SQL Performance Improvements At a Glance in Apache Spark 3.0

SQL Performance Improvements at a Glance in Apache Spark 3.0

SPSSTHLM - Using JSLink and Display Templates for ITPros

Fast and furious: SXA in the game

Create a copy of your SharePoint farm with SPDocKit and AutoSPInstaller

SQLAlchemy Primer

Moving to the APEX Listener

#SitecoreJSS and #SitecoreSXA together. Is It Real? First experience!

SUGUK Cambridge - Display Templates & JSLink for IT Pros

Front End Development for Back End Developers - Devoxx UK 2017

A Power User's Intro to jQuery Awesomeness in SharePoint

SharePoint Saturday Belgium 2014 - Using JSLink and Display Templates with th...

SharePoint Fest Seattle 2017 Getting started with office365 sharepoint online...

#SPSLondon - Session 2 JSLink for IT Pros

Are Frameworks Evil; Should you care about Sitecore SXA and JSS;.pdf

Plus de Peter Procházka

Are Frameworks Evil? Should you care about Sitecore SXA and JSS?

Peter Procházka

Are Frameworks Evil? Should you care about Sitecore SXA and JSS?

Peter Procházka

Are Frameworks Evil? Should you care about Sitecore SXA and JSS?

Peter Procházka

My Sitecore MVP Journey by Peter Prochazka

Peter Procházka

SUGCON Europe 2019 Reflections

Peter Procházka

Privacy by Design and by Default + General Data Protection Regulation with Si...

Peter Procházka

Sitecore Experience Commerce 9 Update 2 New Features

Peter Procházka

Plus de Peter Procházka (7)

Are Frameworks Evil? Should you care about Sitecore SXA and JSS?

My Sitecore MVP Journey by Peter Prochazka

SUGCON Europe 2019 Reflections

Privacy by Design and by Default + General Data Protection Regulation with Si...

Sitecore Experience Commerce 9 Update 2 New Features

Dernier

A great deal of attention in medical devices has shifted towards cybersecurity with the ratification of section 524B of the FD&C act. This new law enables the FDA to enforce cybersecurity controls in any medical device that is capable of networked communications or that has software. In this webinar we will recap the process for managing vulnerabilities, identify categories of vulnerabilities and solutions and more.

The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...

ICS

Looking to embark on a digital project in New York City? Choosing the ideal Laravel development partner is pivotal. Begin by defining your project requirements clearly. Assess potential partners' experience, expertise, and technical proficiency, checking portfolios and client testimonials. Effective communication and collaboration are paramount, so evaluate partners' communication styles and project management approaches. Consider long-term scalability and support options, and discuss pricing and contracts transparently. Lastly, trust your instincts when selecting a partner aligned with your vision and values.

How to Choose the Right Laravel Development Partner in New York City_compress...

software pro Development

5 Signs You Need a Fashion PLM Software.pdf

Wave PLM

Azure Native Qumulo scales elastically for common High Performance Compute (HPC) workloads based on application requirements for: Financial Services, Automotive, Genomics / Life Sciences, Media and Entertainment, Energy, Oil and Gas, etc. Performance can be dialed UP (and back down) much higher than the examples shown here. These slides offer a glimpse into ANQ's HPC capabilities, although at a smaller scale. We invite YOU to do your own testing (with a free ANQ trial) and work with us to test your HPC workloads in Azure.

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

ryanfarris8

Model Call Girl Services in Delhi reach out to us at 🔝 9953056974 🔝✔️✔️ Our agency presents a selection of young, charming call girls available for bookings at Oyo Hotels. Experience high-class escort services at pocket-friendly rates, with our female escorts exuding both beauty and a delightful personality, ready to meet your desires. Whether it's Housewives, College girls, Russian girls, Muslim girls, or any other preference, we offer a diverse range of options to cater to your tastes. We provide both in-call and out-call services for your convenience. Our in-call location in Delhi ensures cleanliness, hygiene, and 100% safety, while our out-call services offer doorstep delivery for added ease. We value your time and money, hence we kindly request pic collectors, time-passers, and bargain hunters to refrain from contacting us. Our services feature various packages at competitive rates: One shot: ₹2000/in-call, ₹5000/out-call Two shots with one girl: ₹3500/in-call, ₹6000/out-call Body to body massage with sex: ₹3000/in-call Full night for one person: ₹7000/in-call, ₹10000/out-call Full night for more than 1 person: Contact us at 🔝 9953056974 🔝. for details Operating 24/7, we serve various locations in Delhi, including Green Park, Lajpat Nagar, Saket, and Hauz Khas near metro stations. For premium call girl services in Delhi 🔝 9953056974 🔝. Thank you for considering us!

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

9953056974 Low Rate Call Girls In Saket, Delhi NCR

Many specialized tools cater to distinct stages within the software development lifecycle (SDLC). These tools target various aspects of development, delivery, and operations, each with its unique strengths. Uniting these diverse testing needs into a single continuous testing platform presents several challenges. Such a platform must seamlessly integrate with various development tools and environments, accommodate different testing methodologies, and remain flexible to adapt to organizational processes and quality standards.

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

kalichargn70th171

Data spaces in distributed environments should be allowed to evolve in agile ways providing data space owners with large flexibility about which data they store. Agility and heterogeneity, however, jeopardize data exchanges because representations may build on varying ontologies and data consumers may not rely on the semantic correctness of their queries in the context of semantically heterogeneous, evolving data spaces. Graph data spaces are one example of a powerful model for representing and querying data whose semantics may change over time. To assert and enforce conditions on individual graph data spaces, shape languages (e.g SHACL) have been developed. We investigate the question of how querying and programming can be guarded by reasoning over SHACL constraints in a distributed setting and we sketch a picture of how a future landscape based on semantically heterogeneous data spaces might look like.

Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...

Steffen Staab

Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf

kalichargn70th171

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Philip Schwarz

At the recent Microsoft Ignite 2023 conference, Microsoft unveiled a groundbreaking strategy that will redefine enterprise work management. The plan involves integrating Microsoft’s key planning tools, Microsoft To Do, Microsoft Planner, and Microsoft Project for the web into a unified experience called “Microsoft Planner.” What does this new strategy from Microsoft mean for current users? Join us and learn how best to take advantage of this announcement while gaining a clear path on how to elevate the current state of Microsoft Planner from a basic task manager to a comprehensive tool for Enterprise Work Management using OnePlan. Learn how OnePlan’s integration with Microsoft Planner allows for strategic alignment with business goals through advanced features like strategic planning, portfolio management, resource management, financial management, and more!

Introducing Microsoft’s new Enterprise Work Management (EWM) Solution

OnePlan Solutions

InShot proinshot.com stands tall among its peers as the ultimate video editing app, offering simplicity, versatility, and power in one package. With its intuitive interface and comprehensive feature set, InShot caters to both beginners and seasoned editors alike. Whether you're creating content for social media, YouTube, or personal projects, InShot empowers you to unleash your creativity and transform your videos into captivating masterpieces. Join the millions of users who trust InShot https://www.proinshot.com/ for all their video editing needs and discover the difference for yourself!

Exploring the Best Video Editing App.pdf

proinshot.com

+971565801893 Mtp-Kit (500MG) Prices » Dubai [(+971565801893**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Leen Whatsapp +971565801893 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971565801893''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971565801893' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Clinic in Abu Dhabi, United Arab Emirates.+971565801893

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...

Health

introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf

VishalKumarJha10

HR Software Buyers Guide in 2024 - HRSoftware.com

Fatema Valibhai

In the past six months, the AI landscape has undergone a massive transformation, ushering in a new era of productivity with the latest in Large Language Models (LLMs) and AI technology. This deep dive unlocks how to: Create CustomGPT Models: No coding needed to tailor AI for your unique projects. Integrate your own data, including PDFs and Excel sheets, making information handling a breeze. Plus, discover how to call your own actions/integrations for even more personalized utility. Navigate Advanced Prompting: Overcome AI's memory limits and utilize Retrieval-Augmented Generation for accessing your personalized data, streamlining how you interact with AI. Stay Ahead with AI Trends: Peek into the evolving world of LLMs, featuring newcomers like Google Gemini, Anthropic Claude, Open Sora, and Twitter Grok, and understand what their advancements mean for your productivity. Witness Real-Life Transformations: Through examples and prompt demonstrations, see firsthand how these AI strategies revolutionize routine tasks, from data analysis to content creation. Learn to leverage image output and input for advanced practical use cases, adding a new dimension to your productivity toolkit. No previous coding or AI experience is needed for this talk. Stay ahead in the fast-evolving world of work. Embrace the AI revolution and transform your workflow with advanced LLM techniques. Join us to ensure you're not left behind in the productivity race.

AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques

VictorSzoltysek

How To Use Server-Side Rendering with Nuxt.js

Andolasoft Inc

(Vivek)Call Us, 8448380779,Call girls in Delhi NCr – We Offer best in class call girls. escort Service At Affordable Price At low Rate with Space Night 8000 We Are One Of The Oldest Escort and Call girls Agencies in Delhi. You Will Find That Our Female Escorts Are Full Of Fun, Sexy And They Would Love Enjoy Your Company. We Have A Fantastic Selection Of Escort Ladies Available For In-Calls As Well As Out-Calls. Our Escorts Are Not Only Beautiful But All Have Great Personalities Making Them The Perfect Companion For Any Occasion. In-Call:- You Can Come At Our Place in Delhi Our place Which Is Very Clean Hygienic 100% safe Accommodation. Out-Call:- You have To Come Pick The Girl From My Place We Are Also Provide Door Step Services (Delhi Ncr, Noida, Gurgaon, Faridabad, Ghaziabad Note:- Pic Collectors Time Passers Bargainers Stay Away As We Respect The Value For Your Money Time And Expect The Same From You Hygienic:- Full Ac room And Clean Rooms Available In Hotel 24 * 7 Hourly In Delhi NCR More Details, With WhatsApp Number, +91-8448380779

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Delhi Call girls

Software Quality Assurance Interview Questions

Arshad QA

VTU technical seminar 8Th Sem on Scikit-learn

AmarnathKambale

In an era where security concerns are paramount, the integration of artificial intelligence (AI) into CCTV cameras has revolutionized surveillance capabilities. One of the most significant advancements is the ability to achieve real-time threat detection, enabling immediate responses to potential security breaches. This blog explores how AI is reshaping surveillance through real-time threat detection and the implications of this technology.

Optimizing AI for immediate response in Smart CCTV

shikhaohhpro

Dernier (20)

The Real-World Challenges of Medical Device Cybersecurity- Mitigating Vulnera...

How to Choose the Right Laravel Development Partner in New York City_compress...

5 Signs You Need a Fashion PLM Software.pdf

Azure_Native_Qumulo_High_Performance_Compute_Benchmarks.pdf

CHEAP Call Girls in Pushp Vihar (-DELHI )🔝 9953056974🔝(=)/CALL GIRLS SERVICE

The Guide to Integrating Generative AI into Unified Continuous Testing Platfo...

Shapes for Sharing between Graph Data Spaces - and Epistemic Querying of RDF-...

Learn the Fundamentals of XCUITest Framework_ A Beginner's Guide.pdf

Direct Style Effect Systems -The Print[A] Example- A Comprehension Aid

Introducing Microsoft’s new Enterprise Work Management (EWM) Solution

Exploring the Best Video Editing App.pdf

+971565801893>>SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHAB...

introduction-to-automotive Andoid os-csimmonds-ndctechtown-2021.pdf

HR Software Buyers Guide in 2024 - HRSoftware.com

AI Mastery 201: Elevating Your Workflow with Advanced LLM Techniques

How To Use Server-Side Rendering with Nuxt.js

call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️

Software Quality Assurance Interview Questions

VTU technical seminar 8Th Sem on Scikit-learn

Optimizing AI for immediate response in Smart CCTV

Customizing SXA

1. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Peter Prochazka tothecore.sk / @chorpo Customizing SXA

2. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Agenda • What is SXA? • SXA features • Customizing SXA • Demo

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. 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. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka SXA features SXA Sitecore ASP.NET

6. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka SXA features

7. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka SXA features

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. 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>  <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. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA

11. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA

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. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Customizing SXA • Solution: • Create barebone theme that works with SXA

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. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka

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. 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. 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. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka Questions?

20. Customizing SXA by Peter Prochazka (tothecore.sk / @chorpo) Log out | Peter Prochazka

Customizing SXA

Recommandé

Recommandé

Contenu connexe

Similaire à Customizing SXA

Similaire à Customizing SXA (20)

Plus de Peter Procházka

Plus de Peter Procházka (7)

Dernier

Dernier (20)

Customizing SXA