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 Product Rating Element

The Porto Product Rating element displays the average customer rating and review count for each product on your single product page. It visually represents user feedback with customizable stars and optional review text, helping you highlight customer satisfaction and build trust. With flexible design controls, you can...

Porto Product Title Element

The Porto Product Title element displays the main product name on your single product page. As one of the essential elements in the Porto Single Product Builder, it helps ensure your product titles are visually appealing, semantically correct, and consistent with your overall site design. This...

Porto Product Image Element

The Porto Product Image Element is one of the most essential components of the Porto Single Product Builder, designed to showcase your product’s main image and gallery in a visually appealing and flexible way. This element allows you to select from multiple image display styles —...

Porto Modal Dialog Box

The Porto Modal Dialog Box element allows you to display popups or videos in an elegant modal window. This feature is ideal for showcasing announcements, promotional banners, embedded videos, or any custom HTML content within a popup layout.

Porto Compare Icon Element

The Compare feature is an essential part of any eCommerce website, allowing customers to easily compare multiple products before making a purchase. The Porto Compare Icon Element makes it simple to integrate this functionality directly into your website’s header with full compatibility for the

Porto Wishlist Icon Element

The Wishlist feature plays an essential role in enhancing user engagement and improving the shopping experience on your website. The Porto Wishlist Icon Element allows your customers to easily save products they love for later viewing or purchase. Fully compatible with the YITH...

Porto My Account Icon Element

The Porto My Account Icon Element is an essential part of modern website headers, providing users with quick access to their account information. This element enhances user experience by offering a clean, intuitive, and customizable account interface that fits seamlessly into your header design. Porto’s My...

Porto Vertical Divider Element

The Porto Vertical Divider Element helps you create a visually structured and intuitive header layout by separating different header elements with a clean vertical line. It enhances clarity, balance, and visual hierarchy in your header design.

Porto Mobile Menu Icon Element

The Porto Mobile Menu Icon Element provides a responsive navigation solution designed specifically for mobile and tablet devices. It allows users to easily access the main site menu through a compact, toggle-style icon—commonly known as a “hamburger menu.” This element ensures smooth, user-friendly navigation across all...

Porto Header Social Icons Element

The Porto Social Icons Element is an essential part of any modern website header or footer. It provides a stylish way to display links to your social media profiles, helping you connect with your audience across multiple platforms. Fully customizable and responsive, this element supports multiple...