Welcome to Porto WordPress!

We would like to thank you for purchasing Porto WordPress + eCommerce Theme!
It is very nice of you to choose Porto for your website, you will be never disappointed!
Before you get started, please be sure to always check out this documentation. We outline all kinds of good information, and provide you with all the details you need to use Porto WordPress. Porto WordPress can only be used with WordPress and we assume that you already have WordPress installed and ready to go.

If you are unable to find your answer here in our documentation, we encourage you to contact us through our support system with your site CPanel (or FTP) and wordpress admin details. We’re very happy to help you and you will get reply from us more faster than you expected.

Thank you, we hope you to enjoy using Porto WordPress!

Click here to view change logs.

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow below sites and tutorials from WordPress.com, hope everything that you need are there.

• WordPress Codex – General info about WordPress and how to install on your server.
• Instructional Video – Awesome How-To video created by Woo Themes.
• First Steps With WordPress – General info about multiple topics about WordPress.
• FAQ New To WordPress – The most popular FAQ’s regarding WordPress.

Install Theme via WordPress Admin Panel

– Update Premium Plugins

Porto theme provides two premium plugins: Visual Composer Page Builder and Revolution Slider.

You can update these plugins through setup wizard or Appearance > Install Plugins page.

– Update Other Plugins

Like WordPress itself, you can update plugins with just one click. To do that, go to the ‘Updates’ section of your administration panel.

If there are some plugins that need to be updated, they will appear here. Below part shows you if a new version of WordPress is available or not.

To update your plugins, select them and click on the ‘Update Plugins’ button.

For plugins, you will be led to another page which will inform you about the progress of the update, just as it does with the WordPress update.

Note that for plugins, another section will also allow you to update in one click: the ‘Installed Plugins’ section in the Dashboard. If a plugin can be updated, a message will appear right below it, with a link to update it automatically. You can even select all of your plugins and choose bulk update at the bottom of plugins list.

In some shortcodes there are image size field to input image sizes.

Following are php code corresponds to adding image sizes in Porto theme.

add_image_size( 'blog-large', 1140, 445, true );
add_image_size( 'blog-medium', 463, 348, true );
add_image_size( 'blog-masonry', 640, 9999, false );
add_image_size( 'blog-masonry-small', 400, 9999, false );
add_image_size( 'blog-grid', 640, 480, true );
add_image_size( 'blog-grid-small', 400, 300, true );
add_image_size( 'related-post', ( isset( $porto_settings['post-related-image-size'] ) && (int) $porto_settings['post-related-image-size']['width'] ) ? (int) $porto_settings['post-related-image-size']['width'] : 450, ( isset( $porto_settings['post-related-image-size'] ) && (int) $porto_settings['post-related-image-size']['height'] ) ? (int) $porto_settings['post-related-image-size']['height'] : 231, true );
if ( isset( $porto_settings['enable-portfolio'] ) && $porto_settings['enable-portfolio'] ) {
	add_image_size( 'portfolio-grid-one', 1140, 595, true );
	add_image_size( 'portfolio-grid-two', 560, 560, true );
	add_image_size( 'portfolio-grid', 367, 367, true );
	add_image_size( 'portfolio-masonry', 367, 9999, false );
	add_image_size( 'portfolio-full', 1140, 595, true );
	add_image_size( 'portfolio-large', 560, 367, true );
	add_image_size( 'portfolio-medium', 367, 367, true );
	add_image_size( 'portfolio-timeline', 560, 560, true );
	add_image_size( 'related-portfolio', 367, 367, true );
	add_image_size( 'portfolio-cat-stripes', 494, 1080, true );
	add_image_size( 'portfolio-cat-parallax', 1970, 627, true );
	add_image_size( 'portfolio-thumbnail', 200, 150, true );
}

if ( isset( $porto_settings['enable-member'] ) && $porto_settings['enable-member'] ) {
	add_image_size( 'member-two', 560, 560, true );
	add_image_size( 'member', 367, 367, true );
}
add_image_size( 'widget-thumb-medium', 85, 85, true );
add_image_size( 'widget-thumb', 50, 50, true );

If fourth parameter is true in add_image_size function, images will be cropped to the specified dimensions using center positions.

Portfolio image sizes will be enabled if Portfolio Content Type is enabled in Theme Options -> Portfolio.

Member image sizes will be enabled if Member Content Type is enabled in Theme Options -> Member.

You can check the most of the Porto elements in Elements site.
If you want to know how to use them, you can import elements together when importing demo.

Here are some elements which are used for special Porto demos.

1. Porto One Page Category

This element displays a navigation of product categories on the left and the products by category on the right.
Please check Porto Shop 19 to see how it works.

• Show Products: If you uncheck this option, only category lists will be displayed on the left side of the page and products will not be displayed. If you click category in the list, it will redirect to that page.
• Ajax load: If you check this option, it will show products of different category one by one using ajax infinite load when you scroll the page
• Products View mode: Carousel or Grid mode

2. Porto Products filter

This element displays a list of select boxes to filter producs by category, price or attributes.
Please check Gift Finder section in Porto Shop 30 to see how it works. If you click Filter button, it will redirect to the shop page which displays filtered products.

• Filter Areas: check filtering options (Category, Price and Attributes)
• Price Range: input price ranges to be displayed in select box such as 0-10, 10-100.

3. Porto 360 Degree Image Viewer

This element displays 360 degree image viewer.
Please check Tour section in Porto Shop 18 to see how it works.

• Source Image: Source Image which has frame images of 360 degree. Each frame image displays image in one specific degree.
• Preview Image: First Preview image. In general this is the first frame image in source image
• Frame Count: frame count
• Friction: friction variable which describes changes degree when dragging image

4. Porto Section Scroll

This element displays scrollable sections and dots navigation.
Please check Porto Portfolio 5 to see how it works.

• Show Dots Navgigation: if you check this option, dots navigation will be displayed
• Section Selectors: jQuery selectors to select sections to be scrolled
• Section Titles: section titles separated by comma which will be displayed in dots navigation