Porto is theme that can be implemented with an Omnyfy Marketplace, and it holds a variety of different templates which can be loaded into the platform. You can use pre-existing templates that you can select and either fine tune to match the branding of the marketplace, or use as a starting point to do a custom designed implementation. The Omnyfy Platform works with most of the Porto Themes by default, so it will make it easier to control.

Read more about Porto here: https://themeforest.net/item/porto-ultimate-responsive-magento-theme/9725864

1. 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 code as below:

Alternatively, you would also have received an e-mail with the purchase code. Copy this purchase code and paste it in the Omnyfy Configuration: Stores > Settings > Configuration > Porto 3.2.4 > Activate Theme

Once pasted, click on "Save Config".


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


3. Setting the Theme

By default, a blank Omnyfy Install will not have a theme applied to it. You will need to apply the Porto theme through another section of the admin:

Content > Design > Configuration.

Here you will see at least 3 records. You will want to edit the bottom record (with a Store and Store View applied). Select "Edit".

Once you reach the new page, you will then need to choose "Smartwave Porto" as the Applied Theme.

NOTE: "Smartwave Porto RTL" is the Porto Demo but with the reading direction, from Right to Left. This is used in certain countries that read information from right to left (such as Middle Eastern countries).

Then, click on Save Configuration on the top right to apply the theme (you can come back here later to configure the rest of the design to your liking).

Ensure your cache is cleared, and you should see your new theme applied to your marketplace, based on the demo you activated.

NOTE: You can develop your own custom child theme based off the Porto Demo, with the parent of this custom theme to be "Smartwave Porto" (or "Smartwave Porto RTL" if applicable), to tweak/personalise your design. You can then select this custom theme in the "Applied Theme" field.

You can continue to configure the remaining fields in the Porto - Settings Panel and the Porto - Design Panel or the Design Configuration section, however at this point it would be easier to include content (dummy content for vendors, products and other Marketplace Configurations) so you can see the changes in the fields and what it affects. You can alter the Blocks and CMS pages after the import if needed.


Did this answer your question?