How To ...

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

How to use creative grid

Porto provides 11 pre-defined creative grid layouts by default. We can add custom layouts using "porto_creative_grid_layout_images" and "porto_creative_grid_layouts" filters. All default layouts are defined in porto_creative_grid_layout function in shortcodes/lib/functions.php of porto-functionality plugin. Below code shows how to add 12th custom layout like following image using functions.php in child theme. *Note: We suppose that...

How to create custom 404 page content

We can create a custom Porto block using Page Builder and elements and assign it to the 404 page. 1. Create a new 404 page block Navigate to Blocks -> Add New and create a new block. Add some contents as your needs and save it. 2. Assign the block as 404...

How to use custom page header

Porto Page Header element is used to display page title, subtitle and breadcrumbs in the custom Page Header section. If you want to display custom page header instead of default, you need to hide default page title and breadcrumbs using View Options metabox.

How to use Pre-Order

What is Pre-Order? By default, customers can’t purchase out-of-stock products, but only purchase them when they are available for sale. Pre-Order functionality offers customers the chance to purchase the unavailable products and provide them only after they are officially on sale. This will help to increase sales. How to enable Pre-Order? Please...