Tailwind Logo

Sitecore Experience Accelerator Style Guide Installation

Experience Manager (XM)

Published: 2021-08-04

This section describes how to install a sample site and style guide created with the Sitecore Experience Accelerator (hereinafter referred to as SXA) module.

Prerequisite.

The prerequisite is that SXA is installed. The procedure for installing the module is as described in the previous section.

What is SXA Styleguide?

This is a sample site created by SXA to introduce SXA modules. This site is provided as an unsupported sample. The following page is a reference for this.

All sample code, etc., is deployed on Github, and the latest version is compatible with 10.1.

install

To install, download the Zip file package from GitHub.

  • https://github.com/markvanaalst/SXA.Styleguide/releases/tag/10.1

Select the downloaded file from the Control Panel, Administration - Install Package.

styleguide01.png

After the installation is complete, open the content editor and you will see the tree added as shown below.

styleguide02.png

This completes the package installation.

Adjusting the environment

Imported data is by default set up so that it can be referenced by accessing the virtual folder /styleguide on the server. The following items are configured

  • /sitecore/content/Sitecore/Styleguide/Settings/Site Grouping/Styleguide

This time, change the target host name to the name of the server and the virtual folder to /. Also, change the database from master to a web database.

styleguide03.png

After making changes, select Publish - Publish Site, this time selecting Republish to expand the content.

styleguide04.png

The content will now be displayed when accessing the target server.

styleguide05.png

Summary

When developing with SXA, it will be helpful in many ways to understand this SXA StyleGuide in a nutshell. In particular, you can check how to create modules and verify the linkage with style sheets, etc., using items that have already been imported.

Tags