How To / Features

Header Builder in Customizer

In Porto 4.8, header builder is newly added to create and modify the site header dynamically on different devices without using pre-built header types. Page builder is to build page contents, and header builder is to create header layout and contents. To get to the header builder section, please go to...
October 15, 2018Header Setup, How To / Features, Videos 4Read more...

WooCommerce Products Filters

Most of the themes use filtering widgets such as price, size, color, etc in sidebars. Porto theme provides 3 extra filtering layouts. Horizontal Filter 1 - This layout displays the toggle button at the top of content which opens or closes the filtering sidebar. Horizontal Filter 2 - This layout displays...
October 15, 2018How To / Features 3Read more...

Pre-defined Product Layouts

Porto theme provides 9 single product layouts. You can select default product layout in Theme Options -> WooCommerce -> Single Product. You can select product layout options for any single product. Please check demo site to see each product layouts.
October 15, 2018How To / Features 1Read more...

Image Swatch

If you enable image swatch, please go to Theme Options > Woocommerce > Single Product > Variation Selection Mode and select Image / Color Swatch. Then you can see swatch section in the product edit page. At first, please add new attribute to be displayed as image swatch. Then please add variations and select thumbnail...
October 15, 2018How To / Features 2Read more...

Sticky Sidebar

If you want to use sticky sidebar, please enable Porto > Theme Options > General > Enable Sticky Sidebar option. If you want to know how sitcky sidebar works, please visit porto shop demos.
October 15, 2018How To / Features 2Read more...

Porto Studio

Porto Studio is a website building tool which provides pre-defined layouts and styles for Porto. Porto Studio includes whole web site templates including pages, page sections, headers, footers, single products, blocks, etc. Please check Porto Studio site to see what Porto Studio is and how it works. This is available in...
July 22, 2019How To / Features 2Read more...

Custom Product Layout

How to Create Custom Product Please navigate Porto -> Templates Builder -> Single Product. You can create a new custom product layout here. Product Layout Builder is fully compatible with 3 page builders: WPBakery, Elementor and Visual Composer and provides various customization options. You might need to set roles to build...
December 24, 2019How To / Features, Videos 2Read more...

How to enable skeleton screens

Please go to Porto -> Theme Options -> General -> Show Skeleton Screens. You can find four button sets: Shop Pages, Product Page, Product Quickview and Blog Pages. We can enable skeleton screens for these four pages by selecting them.Each skeletons are drawn using css "background-image: linear-gradient". You can find its...
December 24, 2019How To / Features 1Read more...

How to add single page navigation

Single page navigation consists of sections of fullscreen area and dots navigation which navigates to each section. We can build single page navigation using Porto Section Scroll element. If you want to know how single page navigation works, please check corporate 20 demo. - Section Selectors: jQuery section selectors. We can enter...
December 24, 2019How To / Features 1Read more...