Elements

The Elements category in the Porto theme documentation provides a complete reference to all reusable design components available in Porto’s Page Builder integrations, including WPBakery and Elementor. These elements serve as the building blocks for creating custom layouts, enhancing user interfaces, and improving the visual and functional experience across your website.

Porto Elements include everything from structural components (rows, columns, containers) to interactive tools such as sliders, buttons, carousels, grids, forms, icons, counters, accordions, and dynamic WooCommerce elements.

Whether you’re building a product page, portfolio, blog layout, landing page, or a fully dynamic WooCommerce storefront, the Elements category helps you understand how to use each component effectively. It guides you through configuration options, best practices, and available style controls so you can build professional-grade pages with ease.

Porto Mini Cart Element

The Porto Mini Cart Element is a key component of any eCommerce website built with WooCommerce. It provides customers with a quick and intuitive way to view their cart contents from anywhere on the site—without interrupting their browsing experience. This element is fully compatible with WooCommerce...

Porto Search Form Element

The Porto Search Form element is a powerful and highly customizable search component designed to enhance user experience and provide fast, accurate product or content search results. It’s one of the most essential elements of any website, allowing visitors to quickly find what they need...

Porto View Switcher Element

The Porto Switcher Element is a versatile and essential header component that provides visitors with the ability to switch between languages and currencies on your website. It enhances user accessibility and supports international audiences by offering quick access to localized versions of your site and...

Porto Toggle Dropdown Menu Element

The Porto Toggle Dropdown Menu widget allows you to add a compact, stylish dropdown navigation menu to your header or sidebar. It’s especially useful for mobile-friendly layouts or when you want to save space while maintaining full access to your site’s navigation links. This widget provides...

Porto Menu Element

The Porto Menu Element allows you to add fully customizable navigation menus anywhere on your site — such as in headers, footers, sidebar or custom page layouts — while maintaining design consistency with your overall Porto theme styling. With this element, you can control every aspect...

Porto Logo Element

The Logo is one of the most essential elements of any website. It represents your brand’s identity and helps users recognize your business instantly. The Porto Logo Element is designed to display the logo you’ve set in the Theme Options, and it's used exclusively...