Basic Configuration - Importing a Porto Demo Version

Basic Configuration - Importing a Porto Demo Version

Importing a Porto Demo Version (if applicable)

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.

Once you select a Demo, select Save Config first before continuing.

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".


If you have a custom design already that doesn't match the Demos, you can skip this step.

    • Related Articles

    • Basic Configuration - Porto Configuration Introduction

      There are a couple of sections in the platform that you can go to access design configurations to make your marketplace tailored to your designs. Please note that this will primarily apply to out of the box Porto themes, however you can use these as ...

    • Basic Configuration - Porto Settings Panel Section

      Configuring the Porto - Settings Panel Section You can configure the initial settings (structure and features) by going to Stores > Settings > Configuration > Porto 3.2.4 > Porto - Settings Panel Please note that after you have imported a demo, some ...

    • Basic Configuration - Theme Configuration

      Configuring the theme Ensure that you have already configured to use Smartwave Porto (or whichever you are using under the Content > Design > Configuration). You can revisit this from Step 3 - Basic Configuration - Setting the Theme. In our example, ...

    • Basic Configuration - Porto Purchase Code

      In order to start using Porto, you will need a purchase code to activate the theme in platform. You can buy it from the link above. Once you purchase the product, you will be able to (if you have an account created) view and download the purchase ...

    • Basic Configuration - Porto Design Panel Section

      Configuring the Porto - Design Panel Section You can configure the initial settings (structure and features) by going to Stores > Settings > Configuration > Porto 3.2.4 > Porto - Design Panel You can see the full list of the Porto settings here - ...