Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a Hidden gems in SXA that you might not be aware of
Similar a Hidden gems in SXA that you might not be aware of (20)
Último
Último (20)
Hidden gems in SXA that you might not be aware of
- 1. Hidden gems in SXA that you might not be aware of Przemek Taront, Cognifide SUGPL, Poznań, 6th October 2017 1
- 2. Sitecore Experience Accelerator „SXA is a platform and a concept allowing organizations for delivery of websites using standardized set of functionality with minimum- to-no CMS development.” „SXA accelerates deployment of responsive websites quickly and cost effectively, minimizing reliance on technical skills while improving maintenance of governance standards.” 2 • 50+ reusable renderings • 90% functionality out of the box • developed since 2011 as Zen Garden at Cognifide • acquired by Sitecore in 2016 and rebranded to SXA
- 3. Classic site production flow 3
- 4. SXA site production flow 4
- 5. Agenda 5 01 Content tokens 02 Variant rules 03 Data source advanced syntax 04 Scaffolding
- 7. Content tokens Magic numbers stored in one place! • Create tokens under Data/Content Tokens • Apply token in any field using $(key) • Dedicated command in rich text editor 7
- 9. Rendering variants Rendering variants allow to select between different ways that the rendering may appear or what content it shows. • They are configured by super user but can be used by authors. • Variants can be used with majority of renderings. • If rendering populates a list of items, each item is using the same variant. • Navigation accepts different variants for each navigation level. 9
- 10. Variant definition Variant is configured by a tree of items of the following types: • Field, Date • Token (file size, file tupe) • Text • Section • Placeholder • Template (NVelocity) • Query – Used for creating lists Now all variant items support rule engine! 10
- 11. Variant exposed to visitor 11
- 13. Data source advanced syntax Data source field accepts more than just a single item or a query: • Local data source – search under item where rendering was defined • Page data source – search under the current • Field data source – use field for item lookup 13
- 15. Scaffolding 15
- 16. Scaffolding Create your own tenant module, site module or grid system with scaffolding, and use the following actions: • Add Tenant Item • Edit Tenant Template • Execute Tenant/Site Script • Add/Edit Site Item • Edit Site/Editing Theme Enable module or apply grid within tenat/site creation wizard 16
- 17. References 17
- 18. Setup used today Sitecore Experience Accelerator https://dev.sitecore.net/Downloads/Sitecore_Experience_Accelerator/14/Sitecore_Experience_Accel erator_14_Initial_Release.aspx SXA Showcase by Cognifide https://github.com/Cognifide/Sitecore.XA.Showcase 18
- 20. 20 Q&A
Notas del editor
- *Note* Image is replaceable. To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required.
- *Note* To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required.
- *Note* To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required.
- *Note* To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required.
- *Note* To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required.
- *Note* To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required.
- *Note* The full coloured logo should be used on images with white or pale backgrounds. Image is replaceable. To add your image, delete the placeholder, then click the ‘picture icon’ and browse to your preferred image. Use the ‘Picture crop’ tool to adjust your image within the placeholder as required. Right-click the image & select ‘Send to back’ to ensure the text & logo remain visible. Text can be manually switched to black or white depending on image.