Note*
In order to perform this step you need to be an administrator of your O365 Tenant.

  1. Make sure that you have the latest version of the SharePoint Online Management Shell available on the Microsoft Download site.

  2. Run the SharePoint Online Management Shell as Administrator (right-click on the icon).

    Run SharePoint Online Management Shell as Administrator
  3. Update the PowerShell Execution Policy on your system to allow the script to run by executing the following cmdlet:

    Set-ExecutionPolicy RemoteSigned
  4. Confirm that you are sure you want to perform this action by typing A and pressing Enter.

  5. Update the PowerShell Execution Policy
  6. Connect to the SharePoint Online Administration Center by executing the following:

    Import-Module Microsoft.Online.SharePoint.PowerShell -DisableNameChecking
    Connect-SPOService -Url https://tenant-admin.sharepoint.com -credential $credential
  7. Connect to the SharePoint Online Administration Center
  8. When the Sign in window pops up, use your admin credentials to log in:

    e.g.
    administrator@tenant.onmicrosoft.com
  9. Enable scripting capabilities on the site that you want to add modern page templates to by executing the following cmdlet:

  10. Set-SPOsite https://tenant.sharepoint.com/sites/your-site -DenyAddAndCustomizePages 0
    Enable scripting capabilities on your site
  11. From the app launcher menu (in the upper-left corner), select Admin to open the Office 365 admin center.

    Open the Office 365 admin center

    In the left pane, select Admin centers > SharePoint

  12. Select SharePoint under Admin centers
  13. Select settings in the left pane. Scroll down to the Custom Script section.

  14. Make sure that Allow users to run custom script on personal sites and Allow users to run custom script on self-service created sites are selected. If not, select Allow users to run custom script for both entries.

  15. Allow users to run custom script for both entries
  1. Extract YourPackage.zip file.

  2. Navigate to the top-level modern site of the site collection you want to add modern page templates to (this should be a Communication Site).

  3. Open the settings menu by clicking the gears icon on the top navigation bar, and then select Site Information > View all site settings to go to the Site Settings page.

  4. On the Site Settings page, select Solutions under Web Designer Galleries.

    Select Solutions under Web Designer Galleries

    Important Note*

  5. In the Solutions Gallery, select Upload Solution > navigate to the extracted YourPackage.zip > Modern_Templates > O365 folder, and upload the Tempate_Library.wsp file.

  6. Activate the uploaded solution.

    Activate the uploaded solution
  7. Staying on the same top-level site, go to the Site Contents page.

  8. On the Site Contents page click New and select Subsite

  9. On the New SharePoint Site page, for Title: enter Template Library, for URL name: enter Template-Library. Under the Template Selection section click Custom tab, and select MasterThemes Template Library.

  10. Click Custom tab, and select MasterThemes Template Library
  11. Select No for Navigation inheritance and click Create. The template will create its own navigation structure to help you easily browse through page templates.

    Select No for Navigation inheritance and click Create
  12. Important Note*

  13. To see how the page templates look like with the SPFx Modern Theme Solution applied, click the gears icon on the top navigation bar of your newly created Template Library subsite, select Add an app to go to your Apps page, and install the MT-Modern-Theme-01 solution.

    Method - A * this method is recommended

    To add the "Modern Page Templates" from a subsite to a modern site using SharePoint Designer 2013:

  1. Download SharePoint Designer 2013 from Microsoft Download Center, and install it on your device (it is a free software).

  2. Open the modern subsite (Template Library created in step 2) in SharePoint Designer (under site name paste URL to your subsite).
  3. When the subsite (Template Library) is loaded, navigate to the Site Pages folder, select all (Clrl+A) ".aspx" pages stored in this folder, and copy them to your clipboard (Ctrl+C).

    Copy all '.aspx' pages to your clipboard from Site Pages folder
  4. Next, in SharePoint Designer open, the modern site to which you want to add the Modern Page Templates.
  5. When the modern site is loaded, navigate to the Site Pages folder, click the empty space (in the right pane), and paste files from your clipboard (Ctrl+V) to it.

    If you get the error message Server error: Access denied, perform step 1 in this document to be able to add pages to your site (Step 1: Enable scripting capabilities on your site - from 1 to 7).

    Message - Server error: Access denied
  6. Important Note*

  7. After the page templates are placed in a new location, you can access them from your browser and start providing edits.

    Method - B

    To add the "Modern Page Templates" from a subsite to a modern site using your browser:

  1. Open the modern subsite (created in step 2) in your browser, click Site contents, and go to Site Pages library.
  2. When the Site Pages list is loaded, click the gears icon on the top navigation bar, and then select Library settings to switch the display settings for this list from modern experience to classic. This procedure is necessary for getting access to the controls not available within the modern experience.

    Select Library Settings for Site Pages
  3. On the Settings page for Site Pages list, select Advanced settings.

    Select Advanced settings for Site Pages list
  4. When the Advanced settings dialog form is loaded, scroll down the page until you see the List experience section.

  5. In the List experience section select Classic experience and click OK.

  6. Select Classic experience and click OK
  7. Return to the Site Pages list which now should be displayed in classic experience. If not, close your browser and reopen the list (it may take some time for the change to take effect).

  8. Select the page template you want to use on your modern site, right-click the three dots icon to open the menu dialog for selected item, and select Copy.
  9. Open the menu dialog for selected item, and select Copy
  10. In the "Copy" dialog box, specify a destination to the Site Pages list of the modern site to which you want to add the selected page template.
  11. Copy the selected page template

    If you get the error message Sorry, you don't have access, perform step 1 in this document (Step 1: Enable scripting capabilities on your site - from 1 to 7) to be able to add pages to your site.

    Message - Sorry, you don't have access

    Important Note*

  12. To switch back the Site Pages library to modern experience, select Library Settings from the ribbon > Advanced settings > select New experience for the List Experience > click OK.

  13. Message - Sorry, you don't have access
  14. After the page templates are placed in a new location, you can access them from your browser and start providing edits.

    Method - C

    To add the "Modern Page Templates" directly from your Theme Package to a modern site using SharePoint Designer 2013:

  1. Open the extracted YourPackage.zip file > Modern_Templates > O365 > Site_Pages folder, select all (Clrl+A) ".aspx" pages stored in this folder, and copy them to your clipboard (Ctrl+C).
  2. In SharePoint Designer open the modern site to which you want to add the Modern Page Templates.

  3. When the modern site is loaded, navigate to the Site Pages folder, click the empty space (in the right pane), and paste files from your clipboard (Ctrl+V) to it.

    If you get the error message Sorry, you don't have access, perform step 1 in this document to be able to add pages to your site (Step 1: Enable scripting capabilities on your site - from 1 to 7).

    Message - Sorry, you don't have access
  4. Important Note*

  5. After the page templates are placed in a new location, you can access them from your browser and start providing edits.

    Method - D

    To add the "Modern Page Templates" directly from your Theme Package to a modern site using your browser:

  1. In SharePoint Designer open the modern site to which you want to add the Modern Page Templates.

  2. In your browser, open the modern site to which you want to add the Modern Page Templates.

  3. Click Site contents, and go to Site Pages library.
  4. When the Site Pages list is loaded, click the gears icon on the top navigation bar, and then select Library settings to switch the display settings for this list from modern experience to classic. This procedure is necessary for getting access to the controls not available within the modern experience.

    Select Library Settings for Site Pages
  5. On the Settings page for Site Pages list, select Advanced settings.

    Select Advanced settings for Site Pages list
  6. When the Advanced settings dialog form is loaded, scroll down the page until you see the List experience section.

  7. In the List experience section select Classic experience and click OK.

  8. Select Classic experience and click OK
  9. Return to the Site Pages list which now should be displayed in classic experience. If not, close your browser and reopen the list (it may take some time for the change to take effect).

  10. Select Upload, and navigate to the extracted YourPackage.zip file > Modern_Templates > O365 > Site_Pages folder to upload the page templates (.aspx files) one by one.
  11. Upload the page templates one by one
  12. If you get the error message Sorry, you don't have access, perform step 1 in this document (Step 1: Enable scripting capabilities on your site - from 1 to 7) to be able to add pages to your site.
  13. Message - Sorry, you don't have access

    Important Note*

  14. To switch back the Site Pages library to modern experience, select Library Settings from the ribbon > Advanced settings > select New experience for the List Experience > click OK.

  15. Message - Sorry, you don't have access
  16. Now you can start providing edits to the uploaded templates by opening them one by one from the Site Pages Library.

Copyright © 2019 MasterThemes Inc. All rights reserved.