Olivo - Premium Portfolio Theme

Contents

1. Getting Started with Olivo

2. Select a Home Page

3. Select Blog layout (2 Columns, Smal, No Image, Central)

4. How To create a Portfolio item

5. How To use WooCommerce

6. How To Select a Portfolio Item Layout

7. How To Create a Contact Page

8. How To add a Social menu

9. How To use Visual Composer

10. How To Create another Parent Portfolio

11. Choose how many portfolio items to display

12. How To create the About pages

13. Disable Animations

14. How To add categories filter on the Shop page

15. How To create a Portfolio page and Columns

16. How To create an Instagram Portfolio

17. How To change the Site layout

18. How To change the Background Gradient

19. How To create a Dribbble Portfolio

1. Getting Started with Olivo

Welcome to the Getting Started guide for Olivo Theme, please you can take a look at the information below to start using the theme.

Index



Installing the Theme

So you've purchased our theme and you're ready to get started-- great!

When you purchase a Olivo license from ThemeForest & download the theme package, you will receive a zipped folder titled "themeforest-xxxxxxxx-olivo...".  Unzip this first folder. 

Within the unzipped theme package, you will find a number of folders such as design, license, etc. There is also 1 additional folder within, titled "Theme".

Inside this folder is the ZIP file with the actual theme, this file is called "olivo.zip".

Important: DO NOT unzip this "olivo.zip" folder! This particular .zip folder should remain zipped.

That's the ZIP file you have to upload to install the theme.

So let's go to your WordPress Admin Panel, and then to Appearance > Themes, then click on "Add new":

Then click on "Upload Theme":

Click "Choose File" > find your zipped "olivo.zip" file > Click the "Install Now" button.

Once the theme is successfully installed on your WordPress, you can "Activate" it:

Please note: If you try installing the entire zipped theme package or another incorrect file, you'll likely receive this error message:

"The package could not be installed. The theme is missing the style.css stylesheet. Theme install failed."

If you receive this error message, please be sure that you're installing the ZIPPED file titled "olivo.zip".

More info about that error on this link:

https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error


Back to Top




2. Select a Home Page

You can use any pages as home page on your site. On the demo site we use the Portfolio Thirds page as home page.

To do this, go to your Admin Panel > Settings > Reading and select any page as Front page:

Then click on Save Changes.

3. Select Blog layout (2 Columns, Smal, No Image, Central)

There are 4 type of layout for the blog than you can choose from:


Go to you Admin Panel > Appearance > Customize > Blog Options:

And there select which one you want:

Click Save & Publish  and that's it.

4. How To create a Portfolio item

First of all you need the Multi Portfolio plugin installed. You can install this plugin as explained here:

Getting Started with Olivo > Recommended Plugins

Once you have that plugin installed, a new menu is created called Portfolio, go there and click on Add New item:

Add you Title and Content as normal and select your Featured Image here:

 

Also you will see a section called Portfolio Item Options, with these options

Select layout

Here you can choose if you want a normal size item or a big one. Example:

This option is available on Portfolio Masonry only, so you can make a particular item bigger than the rest.

Portfolio Categories

All the portfolio categories you select here will be used for the portfolio filter:


5. How To use WooCommerce

This theme supports WooCommerce plugin to install it, please follow the instructions here:

Getting Started with Olivo > Recommended Plugins

If you need help on how to use WooCommerce, please take a look at the plugin's documentation:

WooCommerce Docs

All the Theme's options for the shop are in Admin Panel > Appearance > Customizer > Shop Options

6. How To Select a Portfolio Item Layout

For your Single Portfolio pages, you can use 4 of our pre-designed templates:


First go to your Admin Panel > Portfolio > Add New Item, and click on Backend Editor:

Note: If you don't see this button is because you have to follow these instructions Activate Visual Composer for Portfolios

Then click on Add Template

And select one of the portfolio templates:

And you will see how the entire content is automatically loaded:

Then just replace text and images for yours. Also you can keep adding content or even removing anything.


7. How To Create a Contact Page

Go to your Admin Panel > Pages > Add New and click Backend Editor:

This will show the Visual Composer editor, then click on Add Template:

Select Contact Page from the list:

You will see this content on your page:


For the Contact Page we are using the contact form shortcode from Jetpack, so make sure you have installed Jetpack

If you edit that text block, you can edit the form or create a new one using this button:


8. How To add a Social menu

You can create a social menu just by adding your social URLs as a menu item.

First go to your Admin Panel > Appearance > Menus and click "create a new menu"

You can name it "Social" then start adding Custom Links with your social URL, like this:

Add all you social profiles and it should look something like this:

Then select the Menu Location, in this case will be the Social Menu location, and you will see the menu in the footer or on all other location where the social menu should be.

Click "Save Menu" and that's it.

On your site should look something like this:


9. How To use Visual Composer

Visual Composer is a plugin that will help you managing your content on your WordPress sites and create stunning layouts in few minutes without coding.

You can create pages as always in WordPress or use the Visaul Composer as help.

Visual Composer is included in Glaciar, follow the instruction here to install it:

Getting Started with Olivo > Recommended Plugins

And here you can find the documentation for the Visual Composer itself:

 Visual Composer Documentation.

10. How To Create another Parent Portfolio

With the Multiple Portfolios plugin you can have more than one portfolio on your site, and any number of portfolio items on each one.

By default you have one parent portfolio called "Portfolio" but let's see how we can create another one.

Go to Multple Portfolios > Create New Parent Portfolio

Let's say that we wan to create a new parent portfolio for our Print works, we will enter "Print" as the name and click on Publish:

Now you will see a new Parent Portfolio in your menu:

Now you can treat that new parent portfolio as the default one, start creating new items and enjoy.

11. Choose how many portfolio items to display

By default the portfolio will show 10 items but you can change that in your Admin Panel > Customizer > Portfolio Options:

And here you can select your number:



12. How To create the About pages

There are two About templates created by default that you can use. You will need the Visual Composer plugin installed, follow the instruction here to installed in case didn't already:

Getting Started with Olivo > Recommended Plugins

Now go to your Admin Panel > Pages > Add new,  you can put any title, in this case "About".

Switch to the Backend Editor from Visual Composer:

Then click on Add Template:

There you will see the two About templates, let's select the "About Me" for example:


That will add every element automatically:


Now you can start editing the elements to fit your needs. If you need help on how to use the Visual Composer, please take a look at the documentation of the plugin:

Visual Composer Documentation



13. Disable Animations

By default the theme has some animations to make the user experience more pleasant, if you don't want this animations, you can disable them by going to your Admin Panel > Appearance > Customizer > Site Options

Then select Disable for the Site Animations:

Click Save & Publish and that's it.


14. How To add categories filter on the Shop page

If you are using WooCommerce, you can add a filter on the shop page with your categories:

Select the categories you want for that filter by going to Admin Panel > Appearance > Customizer > Shop Options

And check the categories you want:

Then click Save & Publish

15. How To create a Portfolio page and Columns

You can select several layouts for a portfolio page.

First go to your Admin Panel > Pages > Add new,  you can put any title, in this case "Portfolio".

On the Template dropdown select one of the Portfolio templates:


Then you can select which portfolio to display on this particular page, for that select one from the dropdown here:

That's it, you can switch to any template layout as many times you want.

Select Columns

Also as you can see above, you have the option to choose between 1 or 4 columns for your portfolios.

Just use that option to change how many columns you want on that portfolio page:


16. How To create an Instagram Portfolio

If you have an Instagram account you can create a portfolio automatically from your shots on Instagram.

First, go to your Admin Panel > Pages > Add new, choose a title and select this page template:

You can also select how many columns do you want:

Ok, so we have our page but now we need to include our Username so the theme knows where to find the images. For that go to Appearance > Customize > Portfolio Options:

Just insert your Instagram username and that's it. The page will automatically show your latest shots.

As you can see in the image above you can select if you want the original ratio or just square.

Note: Instagram only allow to retrieve max 12 shots per call.


17. How To change the Site layout

You can choose from 3 layouts:

For this, go to your Admin Panel > Appearance > Customize > Site Options and select a layout:


18. How To change the Background Gradient

As you can see there is a beautiful gradient as background and on the border of your site. You can choose from several hand picked gradients right in your Admin Panel.

Go to your Admin Panel > Appearance > Customize > Site Options:

There you can select any of those gradients.

Also if you prefer using a solid background color, just select this options and choose your color:


19. How To create a Dribbble Portfolio

If you have a Dribbble account you can create a portfolio automatically from your shots on Dribbble.

First, go to your Admin Panel > Pages > Add new, choose a title and select this page template:


You can also select how many columns do you want:


Ok, so we have our page but now we need to include our Client Access Token and Username. For that go to Appearance > Customize > Portfolio Options:


You can get a Client Access Token by registering an app on Dribbble, it's pretty simple, just fill out this form and click on Register application:

Once you do that you get the Client Access Token:


That's all you need, your Dribbble portfolio is done!