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

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

Pre-defined Product Layouts

Porto theme provides 9 single product layouts. You can change single 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.

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

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.

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

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

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

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