How To ...

The “How to…” category in Porto documentation provides step-by-step guides designed to help users master every aspect of the Porto WordPress theme. Each article focuses on solving a specific task—from configuring theme options and customizing layouts to optimizing WooCommerce, Elementor, and WPBakery functionality. This category is ideal for beginners looking for clear instructions and advanced users who need fast, practical solutions.
Whether you are adjusting performance settings, building templates, enabling advanced features, or troubleshooting issues, the “How to…” section gives you simple, actionable directions with screenshots, best practices, and explanations tailored to real-world workflows.

23Jan

How to improve site performance (Using WP Rocket)

Website performance directly impacts user experience, conversion rates, and Google Core Web Vitals. Porto is engineered as a performance-focused WordPress theme, but achieving excellent speed scores requires the right configuration, clean content structure, and a properly tuned cache layer. This guide explains how to build a...
12Jan

How to use WPML with Porto

WPML (WordPress Multilingual Plugin) is the recommended solution for creating a fully multilingual website with the Porto theme. It allows you to translate pages, posts, templates, WooCommerce content, theme strings, and dynamic texts while keeping full design consistency and performance. Porto is fully...
08Jan

Set Logo

If you navigate to Porto > Theme Options > Logo on admin sidebar, you can find site logo related options there. Here, you can set logo of your site. You can set site logo here. You can...
07Jan

How to Fix Blurry Product Images in WooCommerce

Blurry product images in WooCommerce usually appear when image size settings do not match the layout where images are rendered. This can happen on shop pages, category archives, related products, and product grids built with Porto widgets. This guide explains how WooCommerce image sizes work, how...
07Jan

Product Filters and Sorting Not Working After Importing Products

In some cases, after importing products using third-party import tools (such as WP All Import, Product Import Export for WooCommerce, or custom API-based sync plugins), WooCommerce product filters and sorting may stop working correctly. This issue can affect Sorting options such as Sort by popularity, Sort by...
07Jan

Translate Porto Theme with Loco Translate Plugin

The Porto theme fully supports translation using the Loco Translate plugin, allowing you to translate theme strings, WooCommerce text, and supported plugins directly from the WordPress dashboard—without editing files manually. This guide explains the recommended workflow for Porto, including best practices to keep translations safe during...
23Dec

How to Edit/Remove, Rename, and Reorder Product Data Tabs

WooCommerce product pages display information using Product Data Tabs, such as Description and Additional Information. Porto extends this functionality by allowing: Custom product tabs per product Global tabs (e.g. Size Guide) using Porto Blocks Visual enable/disable control via Porto Product Single Builder Advanced customization via WooCommerce filters This guide explains all...
23Dec

How to disable the duplicated Lightbox?

Elementor Page Builder includes a built-in Image Lightbox feature. Porto also provides its own Lightbox functionality in elements such as the Image Gallery widget. When both Lightbox features are enabled at the same time, images may open twice or behave unexpectedly. To prevent this duplicated...
10Dec

Porto Page Header Setup

The Page Header in the Porto theme controls the display of the page title, breadcrumb navigation, background styling, and optional decorative elements at the top of each page. Porto gives you flexible global controls, page-level overrides, and the ability to build fully custom Page Headers...
10Dec

How to create custom 404 page content

Porto allows you to fully customize the message and content displayed on your site’s 404 – Page Not Found screen. You can design your own layout using the Porto Block Builder and assign it directly in the Theme Options. This gives you control over the...