Creative Exchange

 The Creative Exchange process is designed to facilitate several different teams working on a website. For example, the team that is working on the theme of the site can work in parallel with other teams.

How does the Front end teamwork in Parallel ?

ØWe can export the site theme as a Zip file.

ØThen Front end team works on it.

ØAgain we can import the files in our site

In SXA, any assets, such as images, fonts, and files that are normally referenced within the stylesheet, are considered to be part of the theme and they are imported with your CSS changes.

Change a site design using Creative Exchange

Already I have this structure, but I would like to center the text that is highlighted in the image, so I am going to export the theme and give this structure to my front-end team to design that.

You can download the Zip file. We can find the zip file in this path too

 C:\inetpub\wwwroot\Sc101.dev.local\App_Data\packages\CreativeExchange

Extract the zip file

This path is defined in Sitecore

Path : /sitecore/content/Demo SXA Sites/SXADemo/Settings/Creative Exchange Storages/Folder on server

If you open the index.CSS HTML then we could see the actual page which we saw in experience editor

So it gives a smooth feeling to frond-end team.

I have to add the CSS for this section. I am going to use the existing class from here. But we can create a new class also.

Add the CSS in the Styles section.

This is the optimized, first I have to beauty the file, then add my own CSS, minify the file

After that, for confirming my changes, I am going to open my index file

Wow, it is affected!!!!

So again I converted the files to zipping with the existing files. and going to import the file.