Basic Configuration - Porto Settings Panel Section

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 of these settings may already be set from the demo you installed. You can see the full list of the Porto settings here in the Porto documentation, however you can check below the fields that can be useful to modify (depending on your design).

NOTE: You may need to implement some custom CSS when changing some of these options, to match with the rest of the demo if you are making changes to the default implementation.

NOTE: Each time you make a change here, you may also need to clear the Magento Cache.


Field Name


Maximum Page Width

1140px is default, however you can manage 1280px width for the template (though some elements may not reflect this so it's a good idea to review the site once you've made this change).


Field Name


Header Types

You can see which header type is used for this demo, however you can also choose a different header type that may be applicable to your marketplace. See the header examples here.

Sticky Header

You can enable Sticky Header to keep the website header at the top of the browser window when a user is scrolling down the page.


This is generally quite self explanatory. A lot of the fields here reference the Top, Middle or Bottom section of the footer. See below:

Here you can specify different widths to some of the columns, however please note that you will need to ensure it fits correctly. Your demo may already have customised how this would be laid out, but if you make changes to one of the column sizes, it will impact the footer as a whole, so keep that in mind when changing the settings.

Category View & Product View

This would be depending if you wanted to make any additional customisations to the display of the Category and Product View. You can also choose to hide some of the product features (if not used) in the Product grouping too. Each grouping will have a variety of options you can change, however for the most part (unless you already know what you want to change) you can leave these as defaults.

Product Label

Here you can choose to show the "New" and "Sale" labels on the product tiles.

Newsletter Popup

Porto comes with a standard Newsletter Pop Up template which you can also configure. If you have this enabled, you will see the pop up as per below appear on the front end:

NOTE: this is sometimes left disabled during development as it will make it easier to access the site over and over again without having to be prompted.

Field Name



You can choose to Enable this on just the Home Page, or on all pages as soon as the user lands on the site. You can also choose to Disable it here.


Choose the milliseconds delay before the pop up appears after the page has finished loading. 5000 by default.

The rest of the configurations here are design based.

Contact Us

By default, there is a Contact Page that is added by Porto. You can visit it by going to your /contact on your marketplace URL (eg This is customisable in this section.

Field Group


Google Map

Here you can specify Google keys, and the address of your location as well as customising the size/zoom level of the map.

Contact Info

Here you can specify in the "Info Text" the section to the right of the form. You can also set a custom block to appear before the form should you have any additional information / text you would like to add.

Customization Settings

Here you can implement additional styles and custom font installations.

Field Name


Custom Google Fonts

If your font has an '@import url' function (like Google Fonts), you can add it in this field.

EG: @import url(",400,500,600,700");

Custom Style 1 & Custom Style 2

You can use 2 custom boxes to add custom CSS to the page.

.page { padding: 0; margin: 0; }
.main { font-size: 14px; font-weight:400; }

You can use Custom Style 2 as a spare field to either separate out the types of styles, or for use with multi store - So you can add your global custom styles into this field.

    • Related Articles

    • 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 - ...
    • 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 ...
    • 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 - Shipping Settings/Methods Section

      Shipping Settings / Shipping Methods section The Shipping Settings section can generally be left as default, unless the marketplace is shipping from one location only and the origin is required for dynamic calculation of shipping prices. Meanwhile, ...
    • Basic Configuration - Inventory Section

      Inventory Section (for V4) This controls the inventory section of your site. Generally, a lot of the settings can remain as default. The only configuration you may need is if you wish to Display Out of Stock Products on the front end. By default, ...