Sitecore Experience Accelerator (SXA) Tips and Tricks: Part-2 Sitecore Experience Accelerator (SXA) : Will provide the facility to use out-of-the-box component library, drag n drop facility of component with properties, based on HELIX architecture, easy to work with UI team ( Creative Exchange functionality ), provide grid’s like Bootstrap / Foundation / Grid 960 (render columns for RWD ), increase productivity, SXA implies best practices and many more.. As per official Sitecore Experience Accelerator (SXA) : SXA separates structure from design, so front-end designers, creative designers, content authors, and developers can work in parallel and you can deploy and maintain multiple sites quickly and cost effectively. With SXA you can: • Accelerate the delivery of sites using standard functionality with minimum-to-no CMS development. • Enable different work streams to run in parallel. • Assemble sites using responsive and reusable renderings. • Use themes to enable brand ...

Sitecore Experience Accelerator (SXA) Tips and Tricks: Part-1 The Sitecore provided all the Sitecore Experience Accelerator (SXA) assemblies using Official Sitecore NuGet Feed at https://sitecore.myget.org/gallery/sc-packages . You have to search with sitecore.xa and you will get packages for Sitecore Experience Accelerator (SXA) Functionalities. These assemblies would be helpful, if you wanted to re-use/extend the Sitecore Experience Accelerator (SXA) functionalities.

Apply Custom Styling (CSS) on Sitecore Experience Accelerator (SXA) Site and OOTP Components: In the previous article " Customize Sitecore Experience Accelerator (SXA) OOTB Components: Part-1 " we created the custom css style file, which contains the customization for Sitecore Experience Accelerator (SXA) OOTB Carousel component. Now, we have to apply the custom css style file in the SXA website  and for this we will be utilizing the Themes which created during the creation of SXA Site . For this login into Sitecore CMS as ADMIN and go to  SXA website  custom theme location /sitecore/media library/Themes/Company/Brand A/India/IndiaTheme/styles : In the above content tree the details about Tenant Folder/Tenant/Site are: =>Company (Tenant Folder)       > Brand A (Tenant)                     o   India (Site) For example name of custom css style file is company-component-car...

Customize Sitecore Experience Accelerator (SXA) OOTB Components: Part-1 The Sitecore Experience Accelerator (SXA), providing more than 100 out of the box (OOTB) components which you can use to create the website by just adding into the pages. These components provides friendly Experience Editor behavior. These components comes with out of the box styling and will not fulfill Business needs. In those cases, we have to customize the SXA OOTB components as per Business needs. The most of the SXA components supports customization of UI using CSS classes. Now we will try to add Carousel component on page, so go to page click on Add Here and it will open pop-up which will display set of SXA OOTB components. From there go to Composites tab and select Carousel component: It will open the pop-up window to select associated content, it means items which are compatible with Carousel components. In other words, items which created using Templates which can be used in Carousel compon...