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.
General
Field Name | Notes |
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). |
Header
Field Name | Notes |
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. |
Footer
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 | Notes |
Enable | 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. |
Delay(miliseconds) | 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 https://demo.omnyfy.com/contact). This is customisable in this section.
Field Group | Notes |
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 | Notes |
Custom Google Fonts | If your font has an '@import url' function (like Google Fonts), you can add it in this field. EG: @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"); |
Custom Style 1 & Custom Style 2 | You can use 2 custom boxes to add custom CSS to the page. EG: 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 - 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, ...