Porto 6.0 adds templates builder which enables you build header, footer, block, single product, shop, etc as well as page using WPBakery, Elementor and Visual Composer. Porto 5 already had block and product layout builder. We improved their elements and combined them under new templates builder.
If you update Porto from 5.x to 6.x , it converts old blocks and product layouts automatically and moved them under Porto -> Templates Builder. So you don't need to worry about losing them.
After importing demo, filtering products by price is not working.porto_admin2021-06-19T14:30:40+00:00
WooCommerce uses product_look_table to filter products. You need to regenerate this table after importing products. Please go to WooCommerce -> Status -> Tools -> Product lookup tables and click "Regenerate" button, after that clear WooCommerce transients & clear Expired transients as well and finally check again your site after removing the browser cache.
After importing demo, page layout different from the demo siteporto_admin2024-08-30T14:12:51+00:00
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.
Why this happens?
Despite the successful demo import, we sometimes encounter site-breaking issues on the front end. A protocol difference frequently causes a CORS (Cross-Origin Resource Sharing) error.
If you open the console window (by pressing F12 and clicking on the Console tab), you can identify CORS errors on your site. The CORS error may prevent styles from loading on your site properly because of the different network protocol. Therefore, we should address this for the fix of your different site layout issue.
If you navigate to
Dashboard > Settings > General
page, you will be possible to see "WordPress Address (URL)" and "Site Address (URL)".
After making this change and saving it, the system will automatically log you out. This behavior is expected and you don't need to worry about it.
Once you log back in, be sure to clear your browser cache before checking the site again. By updating the protocol from "HTTP" to "HTTPS" URL, you can resolve the CORS issues and ensure that the necessary resources, such as styles, load properly on your site.
Remember to clear the browser cache after the protocol change, as cached resources may still use the old protocol and cause the CORS errors to persist. After implementing this fix, monitor the site closely and verify that the CORS-related issues have resolved. If you continue to encounter problems, double-check the console for any remaining CORS errors and make further adjustments as needed.
Anchor Scrollingporto_admin2019-03-29T08:58:56+00:00If you want to build one page navigation, please read our One Page Setup article. You can also add anchor scroll using Porto Sticky Nav element or Porto Floating Menu element. When you're not using menu items or elements, then you can try adding a custom css class to the anchor tag. Theses classes are "hash-scroll" and "hash-scroll-wrap". You can add hash-scroll to a anchor tag directly and hash-scroll-wrap class to its parent tag. For example,
Here "section1" and "section2" are IDs of scrolling elements.
Dummy Data Import Failedporto_admin2021-06-08T05:57:09+00:00Please extend max_execution_time to 1000 in php.ini. Please click again "Import" button in Porto > Setup Wizard > Demo Content. You can also import dummy data using the Alternative Method. OR Please once set your server requirements as listed below and try to Import the Demo again: PHP version 7.4. Memory Limit 256M or higher. max_execution_time 600 or 1000 memory_limit 256M max_input_vars 2000 post_max_size 64M upload_max_filesize 64M OR If you will be contacted with this error: Failed importing! Please check the "System Status" tab to ensure your server meets all requirements for a successful import.Settings that need attention will be listed in red. If your server provider does not allow to update settings, please try using alternative import mode. Then please contact your hosting provider and ask to set the below-listed values to your site from your server and then try to import the Demo content again.
First PHP pmrequest field need to be changed bigger
Second php not support zlib , need to install zlib and change php-fpm file ,add field key-value extension=zlib.so
If you failed again, please contact us in Porto support page.
Home Newsletter Pop Up/Modal Box Background Image and Text changing or Removing the Pop Up/Modal Box Using WPBakery Page Builder.porto_admin2021-06-19T14:27:14+00:00
Firstly, this Modal Pop-Up is coming from Modal Box which is present on the Homepage. So, you need to first edit your Home page. Here’s how to do it:
Then you’ll find the editor window in-front of you. Click on Backend Editor, like shown in this image:
On the editor window, after scrolling down a bit, you’ll find Porto Modal Box. Please click on the Pencil icon, then, you’ll find the Widget Setting window. There you’ll find the Block Name named as Newsletter Popup. Like this:
Now, to change the Block Settings, you need to go to the Dashboard >> Porto >> Template Builder >> Newsletter Popup >> Edit like the below image:
After click on “Edit” a new page will be open like below image:
In order to change the background image, simply click on the “edit row” icon and go to “Design tab” and then scroll down the image section, choose the image, save settings like the below:
For changing the text simply click on the “edit” icon, click on “General” , and enter the text in the “text box” like the below image:
For removing the popup/modal simply go to the Dashboard >> Pages >> All Pages >> Home Page >> Edit like in the below image:
After click on “edit” a new page will be opened. Please scroll down the page at the “Porto Modal Box” section, then the section looks like the below image:
Simply click on the “edit row” icon, choose “General” , scroll down in the box at the “Disable row” and simply “Disable it” , save settings. See below image:
Hope this helps :) Stay Safe & Healthy...
Regard's P-Themes.
Home Page Newsletter Pop Up/Modal Box Background Image and Text changing or Removing the Pop Up/Modal Box Using Elementor Page Builder.porto_admin2021-06-19T14:21:50+00:00
Firstly, this Modal Pop-Up is coming from Modal Box which is present on the Homepage. So, you need to first edit your Home page. Here’s how to do it:
After the edit page and turn ON the navigator, now find the Modal Dialog Box and edit it, you will find the Shortcode of the Block set under it:
If you want to change the content then you have to go to Porto >> Template Builder >> ALL or Blocks and find and edit the particular block and change anything as you like:
And if you simply want to delete this, you have to delete the Modal Dialog Box element:
Hope this helps :smile: Stay Safe & Healthy...
Regard's P-Themes.
Home Page Newsletter Pop Up/Modal Box Background Image and Text changing or Removing the Pop Up/Modal Box Using Visual Composer Page Builder.porto_admin2021-06-19T14:20:28+00:00
Firstly, this Modal Pop-Up is coming from Modal Box which is present on the Homepage. So, you need to first edit your Home page. Here’s how to do it:
After editing the home page, turn on the navigator, after that find the Modal Dialog Box into it:
If you want to change the content, then you have to go to navigator Porto >> Template Builder >> ALL and find and edit the particular block and change anything from there as you like:
And if you simply want to delete this, you have to delete the Modal Dialog Box element:
Hope this helps :smile: Stay Safe & Healthy...
Regard's P-Themes.
How to change product image sizes?porto_admin2021-06-08T05:54:08+00:00
Change Product Image Size:
To change image size: To change this setting now on the front end you have to go to Customize > WooCommerce > Product Images and you can customize the store display from there. Please read these documents: https://woocommerce.com/2018/01/whats-new-woocommerce-3-3/https://woocommerce.wordpress.com/2017/12/11/wc-3-3-image-size-improvements/ WooCommerce provides two image sizes: Main image width and Thumbnail width. Main image width is used on single product pages and thumbnail width is used in the Archive(Shop/Category) pages. Thumbnail is not the width of thumbnail images on thumbnail carousel in single product pages. Otherwise, if you want any extra functionality you have to contact WooCommerce Support or you have to do it by yourself using Customization.
How to compile shortcodes css?porto_admin2021-06-08T06:15:05+00:00
1. Using Speed Optimize Wizard
Please go to Porto > Speed Optimize wizard > JS Composer & Shortcodes.
Please select unused shortcodes and click "Compile & Continue" button.