Faq

Frequently Asked Questions

Please watch and follow the instructions shown in the below-listed video. It shows how to create a Custom Header using Porto Template Builder with WP Bakery Page Builder.

Hope this helps :)
Stay Safe & Healthy...

Regard's P-Themes.

Please watch and follow the instructions shown in the below-listed video. It shows how to create a Custom Product Archive page using Porto Template Builder with WP Bakery Page Builder.

Hope this helps :)
Stay Safe & Healthy...

Regard's P-Themes.

Please watch and follow the instructions in below video that shows how to create a Custom Product Layout using Porto Template Builder with WP Bakery Page Builder.

Hope this helps :)
Stay Safe & Healthy...

Regard's P-Themes.

You can add the custom tabs and global tab in product data tabs.

Description Tab

You have to edit the product and simply change/modify/remove the content in the Main Description area of the product using page builder as showing below:

Additional Information Tab

You have to edit the product and scroll below to "Product Data", you will find "Shipping Tab" and you can change/modify/remove the content from there as per your requirements as showing below: To add the custom tab, you can add the custom tab title and the content in Product Options when edit the product. To add the global tab, you should create a new block uner Porto >> Page Builder >> Block and edit it. After edit, you should add the block slug name in Theme Options > Woocommerce > Product > Global Product Custom Tab Block and add the tab title in Theme Options > Woocommerce > Product > Global Product Custom Tab Title. If you want to remove, rename, reorder the default tabs, you can see here for more details. Hope this helps :smile: Stay Safe & Healthy... Regard's P-Themes.

Try adding the following exclusion under Settings -> WP Super Cache -> Advanced -> "Accepted Filenames & Rejected URLs ":

Add here are your urls (it depends on your permalink settings).

And save this setting.

- Please go Slider Settings > Problem Handlings. - Please enable Put JS Includes To Body - Oops… You have some jquery.js library include that comes after the Slider Revolution files js inclusion. To fix this, you can: 1. Set ‘Module General Options’ -> ‘Advanced’ -> ‘jQuery & OutPut Filters’ -> ’Put JS to Body’ to on 2. Find the double jQuery.js inclusion and remove it Please go to WP-Dashboard >> Slider Revolution and edit the particular slider you are using on your site, and then go to Advance -> jQuery & OutPut Filters and turn ON
  • jQuery No Conflict Mode
  • Put JS to Body
    • If you have the issues with facebook sharing or other sharing plugins, please install the following plugin: https://wordpress.org/plugins/wordpress-seo/ It adds the correct sharing meta tags for each page.

    First of all Whatsapp icon is only appears on mobile devices if you want to show it on all devices like PC, Laptop, Tablets, and Mobiles then simply go to the Dashboard >> Porto >> Theme Options >> Skin >> Custom CSS and then paste this code .share-whatsapp{display:block !important;} in Custom CSS section as showing below:

    Now to fix the Whatsapp icon issue on header, when user click on Whatsapp icon it will let user to chat on Whatsapp. Simply go to your site cPanel and open the layout.php file under wp-content/themes/porto/inc/functions now when the file opens, scroll down to the page at line number 2141 there you see Anchor tag, simply copy this code

    <a <?php echo porto_filter_output( $nofollow ); ?> class="share-whatsapp" style="display:none" href="https://wa.me/+923413160974/?text=<?php echo esc_attr( $porto_settings['header-social-whatsapp'] ) ?>" data-action="share/whatsapp/share" title="<?phpesc_attr_e( 'WhatsApp', 'porto' ); ?>"><?phpesc_html_e( 'WhatsApp', 'porto' ); ?></a>

    and replace it, then change the number in this code like the image below.

    And check back your site after clear the browser cache.

    Now for the Footer do the same thing as we do for header but for footer the file is different, you can find the footer file in the wp-content/plugins/porto-functionality/widgets then open follow_us.php and replace the code of line number 184 with this code

    <a href="https://wa.me/+923164354407/?text=<?php echo esc_attr( $whatsapp ) ?>" <?php echo $nofollow_escaped; ?> target="_blank" <?php echo $tooltip_escaped; ?>title="<?phpesc_attr_e( 'WhatsApp', 'porto-functionality' ); ?>" class="share-whatsapp" style="display:none"><?phpesc_html_e( 'WhatsApp', 'porto-functionality' ); ?></a>

    and change your phone number in this code like in the below image.

    And check back your site after clear the browser cache.

    Hope this helps :)
    Stay Safe & Healthy...

    Regard's P-Themes.

    You can import pre built demo site content in Porto -> Setup Wizard -> Demo Content panel. If you click the demo to import, the import dialog will be pop up. You can change importing options by clicking Details link here and furthermore detail is showing in the below-given screenshot:

    Porto 6.2.0 uses Bootstrap 5 instead of Bootstrap 4. If you find some broken pages, you don't need to worry about that. Mainly two reasons might cause that kind of broken styles. You'd better read this article first.

    1. Enhanced Grid System

    • .xxl Class - Bootstrap’s grid system can now adapt across all six default breakpoints. The six default grid class are as follow: xs, sm, md, lg, xl and xxl. The class .xxl will handle breakpoints that are beyond the regular bootstrap media query breakpoint which has a minimum dimension of 1400px grid breakpoint in a 12 column layout.
    • Gutter Classes - If you are planning on controlling the horizontal gutter widths, you need to use the .gx-* class. Alternatively, you can use the .gy-* class to control the vertical gutter widths.
    • Style Expression Modification - If you come across some broken styles in width determination process, check style expression first. In Bootstrap 5, you could use flex: 0 0 auto; width: xx%;, while flex: 0 0 xx%; max-width: xx%; is used in Bootstrap 4.

    2. Helper Classes

    • float-left > float-start
    • float-right > float-end
    • text-left > text-start
    • text-right > text-end
    • rounded-left > rounded-start
    • rounded-right > rounded-end
    • border-left > border-start
    • border-right > border-end
    • dropdown-menu-left > dropdown-menu-start
    • dropdown-menu-right > dropdown-menu-end
    • ml-0 > ms-0
    • ml-1 > ms-1
    • ml-2 > ms-2
    • ml-3 > ms-3
    • ml-4 > ms-4
    • ml-5 > ms-5
    • ml-auto > ms-auto
    • mr-0 > me-0
    • mr-1 > me-1
    • mr-2 > me-2
    • mr-3 > me-3
    • mr-4 > me-4
    • mr-5 > me-5
    • mr-auto > me-auto
    • pl-0 > ps-0
    • pl-1 > ps-1
    • pl-2 > ps-2
    • pl-3 > ps-3
    • pl-4 > ps-4
    • pl-5 > ps-5
    • pr-0 > pr-0
    • pr-1 > pe-1
    • pr-2 > pe-2
    • pr-3 > pe-3
    • pr-4 > pe-4
    • pr-5 > pe-5

    If you think this article is not enough, please go to How to Migrate from Bootstrap Version 4 to 5.