Porto have a variety of ready to use Demo versions, that are like templates that you can import into the website, and start using. See the collection of demos here
https://www.portotheme.com/magento/porto_landing/
Click on Demos from the top navigation.
NOTE: If you are not planning to use a demo, you can essentially skip this step and create your own theme from scratch. Must have Magento / HTML / CSS knowledge.
To import a Demo, go to Stores > Settings > Configuration > Porto 3.2.4 > Porto - Settings Panel
Scroll to the bottom to the Installation group. You will see the following fields implemented.
Field Name | Notes |
Demo Version | This allows you to select a demo to import the Blocks and CMS Pages. |
Import Static Blocks | Imports the default Magento content blocks used in the Porto Demo. |
Overwrite Existing Blocks | If the identifiers of the static blocks are already exist, you can set to "Yes" then save the configuration, then click the "Import Static Blocks" button. |
Import CMS Pages | Imports the default Magento CMS pages used in the Porto Demo. |
Overwrite Existing Pages | If the identifiers of the cms pages are already exist, you can set to "Yes" then save the configuration, then click the "Import Static Blocks" button. |
Import Demo | Imports the Demo theme design into the website. This will populate the other fields in the Porto tab with the relevant set up for the selected demo (including references to Blocks / CMS Pages and additional CSS). |
Once you import the demo and relevant Blocks / CMS Pages, you will need to ensure you select "Save Config" again. You will also need to do this in the Porto - Design Panel tab, as Porto will import the settings, however Porto also needs to generate the CSS based on the settings in the design panel - which is triggered only when you select "Save Config".