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.

09Dec

How to use creative grid

The Creative Grid is a set of predefined, non-uniform grid layouts that create visually dynamic item listings. Instead of using a standard equal-column grid, Creative Grid layouts vary item sizes and proportions to produce a more engaging and modern layout. Porto includes 11 built-in Creative Grid layouts. Creative...
09Dec

How to enable Live Search

Porto provides live ajax search on header search box. To enable Live Search in the Porto theme, follow these steps: Search by Sku: This option allows search products by sku. Search by Product...
06Nov

How to Edit or Remove Newsletter Popup with ELMENTOR

The Newsletter Popup is a great way to display subscription forms or promotional messages on your website. You can easily edit or hide this popup using Elementor within the Porto Template Builder. Navigate to Dashboard → Porto → Template Builder → Popup. Locate your Newsletter Popup and click...
06Nov

How to Edit or Remove Newsletter Popup with WPBAKERY

The Newsletter Popup is a great way to display subscription forms or promotional messages on your website. You can easily edit or hide this popup using WPBakery within the Porto Template Builder. Navigate to Dashboard → Porto → Template Builder → Popup. Locate your Newsletter Popup and...
29Oct

How to Enable “Coming Soon” Store Mode

When your store is under development or you’re preparing for a major launch, it’s important to let visitors know that something exciting is on the way — while keeping your backend accessible for admins. WooCommerce Coming Soon mode allows you to temporarily hide your store...
28Oct

How to Enable User Registration on My Account Page

By default, WooCommerce displays a My Account page where users can log in to their existing accounts. However, if you want to allow new users to create an account directly from the same page, you can easily enable the User Registration option. This feature improves...
27Oct

After importing demo, page layout difference from the demo site

If you identify the CORS errors in the console window, the solution is straightforward and you can simply replace the "HTTP" protocol with "HTTPS" in the "Wordpress Address" and "Site Address" URL. Despite the successful demo import, we sometimes encounter site-breaking issues on the front end....
22Jul

How to set Favicon

Path: Dashboard → Appearance → Customize → Site Identity Steps: Click “Site Identity.” Upload your Site Icon (favicon) — ideally 512×512 px. Click Publish. This icon will appear in: Browser tabs WordPress admin bar Bookmarks (unless overridden by theme or plugin) Path: Dashboard → Porto → Theme Options →...
22Jul

How to enable sticky header

To enable the sticky header in the Porto, follow these steps: Go to WordPress Dashboard > Porto > Theme Options Click Header Scroll to the Sticky Header section Enable: Enable Sticky Header (Optional) Choose whether to show sticky on tablet, mobile Click Save Changes Go to...