How to use multiple themes in Sitecore SXA?












1














We already have a theme per site. We would like to create a common/shared theme and configure for few SXA sites.










share|improve this question



























    1














    We already have a theme per site. We would like to create a common/shared theme and configure for few SXA sites.










    share|improve this question

























      1












      1








      1







      We already have a theme per site. We would like to create a common/shared theme and configure for few SXA sites.










      share|improve this question













      We already have a theme per site. We would like to create a common/shared theme and configure for few SXA sites.







      sxa multisite






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Dec 3 at 15:52









      ss0326

      82




      82






















          1 Answer
          1






          active

          oldest

          votes


















          3














          Just create it like you normally do.



          Then if you want to have it available on other sites add it to Compatilbe themes field (notice that I added Wireframe which is default theme)



          enter image description here



          Optional



          If this will be common theme it would be good to store theme classes in a single place (if there will be any, I assume there will be some).



          Then you might want to create base site for that, here are details.



          https://doc.sitecore.com/users/sxa/18/sitecore-experience-accelerator/en/share-data-sources-and-presentation-using-the-multisite-feature.html






          share|improve this answer





















          • @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
            – ss0326
            Dec 3 at 16:47










          • @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
            – Alan Płócieniak
            Dec 3 at 23:08










          • We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
            – ss0326
            Dec 3 at 23:28












          • @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
            – Alan Płócieniak
            Dec 4 at 6:58










          • @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
            – ss0326
            Dec 11 at 13:22













          Your Answer








          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "664"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: false,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: null,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsitecore.stackexchange.com%2fquestions%2f15339%2fhow-to-use-multiple-themes-in-sitecore-sxa%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          3














          Just create it like you normally do.



          Then if you want to have it available on other sites add it to Compatilbe themes field (notice that I added Wireframe which is default theme)



          enter image description here



          Optional



          If this will be common theme it would be good to store theme classes in a single place (if there will be any, I assume there will be some).



          Then you might want to create base site for that, here are details.



          https://doc.sitecore.com/users/sxa/18/sitecore-experience-accelerator/en/share-data-sources-and-presentation-using-the-multisite-feature.html






          share|improve this answer





















          • @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
            – ss0326
            Dec 3 at 16:47










          • @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
            – Alan Płócieniak
            Dec 3 at 23:08










          • We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
            – ss0326
            Dec 3 at 23:28












          • @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
            – Alan Płócieniak
            Dec 4 at 6:58










          • @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
            – ss0326
            Dec 11 at 13:22


















          3














          Just create it like you normally do.



          Then if you want to have it available on other sites add it to Compatilbe themes field (notice that I added Wireframe which is default theme)



          enter image description here



          Optional



          If this will be common theme it would be good to store theme classes in a single place (if there will be any, I assume there will be some).



          Then you might want to create base site for that, here are details.



          https://doc.sitecore.com/users/sxa/18/sitecore-experience-accelerator/en/share-data-sources-and-presentation-using-the-multisite-feature.html






          share|improve this answer





















          • @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
            – ss0326
            Dec 3 at 16:47










          • @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
            – Alan Płócieniak
            Dec 3 at 23:08










          • We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
            – ss0326
            Dec 3 at 23:28












          • @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
            – Alan Płócieniak
            Dec 4 at 6:58










          • @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
            – ss0326
            Dec 11 at 13:22
















          3












          3








          3






          Just create it like you normally do.



          Then if you want to have it available on other sites add it to Compatilbe themes field (notice that I added Wireframe which is default theme)



          enter image description here



          Optional



          If this will be common theme it would be good to store theme classes in a single place (if there will be any, I assume there will be some).



          Then you might want to create base site for that, here are details.



          https://doc.sitecore.com/users/sxa/18/sitecore-experience-accelerator/en/share-data-sources-and-presentation-using-the-multisite-feature.html






          share|improve this answer












          Just create it like you normally do.



          Then if you want to have it available on other sites add it to Compatilbe themes field (notice that I added Wireframe which is default theme)



          enter image description here



          Optional



          If this will be common theme it would be good to store theme classes in a single place (if there will be any, I assume there will be some).



          Then you might want to create base site for that, here are details.



          https://doc.sitecore.com/users/sxa/18/sitecore-experience-accelerator/en/share-data-sources-and-presentation-using-the-multisite-feature.html







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Dec 3 at 16:30









          Alan Płócieniak

          7,4691332




          7,4691332












          • @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
            – ss0326
            Dec 3 at 16:47










          • @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
            – Alan Płócieniak
            Dec 3 at 23:08










          • We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
            – ss0326
            Dec 3 at 23:28












          • @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
            – Alan Płócieniak
            Dec 4 at 6:58










          • @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
            – ss0326
            Dec 11 at 13:22




















          • @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
            – ss0326
            Dec 3 at 16:47










          • @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
            – Alan Płócieniak
            Dec 3 at 23:08










          • We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
            – ss0326
            Dec 3 at 23:28












          • @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
            – Alan Płócieniak
            Dec 4 at 6:58










          • @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
            – ss0326
            Dec 11 at 13:22


















          @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
          – ss0326
          Dec 3 at 16:47




          @Alan-Thank you for your response. After adding a new theme in Compatible themes, how to use/refer this new theme along with existing theme for a site (without creating a base site)
          – ss0326
          Dec 3 at 16:47












          @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
          – Alan Płócieniak
          Dec 3 at 23:08




          @ss0326 I am not sure if I understand. The thing I described is for configuring compatible themes for a site. If you want to assign/change a theme for a site you do this on Page Designs item (field Theme in Styling section). Here is how you can do it in EE (doc.sitecore.com/developers/sxa/18/…)
          – Alan Płócieniak
          Dec 3 at 23:08












          We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
          – ss0326
          Dec 3 at 23:28






          We have some custom components in Site A and those components scripts and styles are in Site A theme. Now we would like to reuse those components in Site B and C so we would like to move the styles and scripts to Generic/Basic theme. But don't know how to use both Site specific theme as well as Generic/Basic theme in all sites
          – ss0326
          Dec 3 at 23:28














          @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
          – Alan Płócieniak
          Dec 4 at 6:58




          @ss0326 This is different questions. Please read article that I linked: By default, adding a shared site implies that the following presentation items can be shared from that site: page designs, partial designs, rendering variants, styles, and themes. This pretty much gives you what you want. You just have to create a base site, mark it as shared, move styles there from Site A and be able to use them in SiteA, SiteB. Themes are stored in media library and I already described how to reuse them.
          – Alan Płócieniak
          Dec 4 at 6:58












          @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
          – ss0326
          Dec 11 at 13:22






          @Allan-Thank you for your reply. Your answer is one way to handle the common/shared themes. I fixed my issue by creating a base theme and inherited in my other sites.
          – ss0326
          Dec 11 at 13:22




















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Sitecore Stack Exchange!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.





          Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


          Please pay close attention to the following guidance:


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fsitecore.stackexchange.com%2fquestions%2f15339%2fhow-to-use-multiple-themes-in-sitecore-sxa%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Plaza Victoria

          Puebla de Zaragoza

          Musa