3. Demo Content

Note:If you already have demo content imported on your site and would like to import a new demo, you should be careful of the following:

01Before importing new demo content, you should always navigate to Appearance > Menus and delete all imported menus (all menus that you did not create from scratch yourself). If you do not do this your menus will duplicate on import, which can lead to further issues.

02If you are planning to import another demo, it is good practice to first clear your existing demo using the WordPress Database Reset plugin (please note that this plugin will clear all WP content, basically reverting your site to the point when you just installed a fresh copy of wordpress).If you are using multisite, please use this plugin carefully because it can reset all network installations.

03All options that were imported with the demo you currently have active on your site will be overwritten with the options for the demo you intend to import. After import, go to Qode options and hit Save Changes. In this way you will make sure that all options are properly loaded.

Bridge comes with our famous One-Click Import module. Here's what you need to do to import a Bridge demo:

01 Login to the WordPress Admin panel

02 Go into  WP Admin -> Qode Import

m

03 Choose the demo site that you want to import from the dropdown menu

m

04 From the dropdown menu on the right, choose what part of the demo you'd like to import:

  • All - import pages, content, widgets, and settings. We recommend this for users who want to import pages exactly as they appear in the demo.
  • Content - import pages and their content only. Recommended for users who want to see how we've created our page layouts, but who want to keep their own settings in Qode Options.
  • Widgets - imports widgets only. Recommended for users who'd like to use the widget areas that we created and want to import that only.
  • Options - imports settings in Qode Options only. Recommended for users who would like to achieve the same look and feel of our demo site, but who do not require our page layouts.
< class="icon_title" style="">

Note:If you want to import media files (images, video and audio files), check the 'Import attachments' box.

m
RELATED LINKS:

3.1 Qode Import

Note:If you already have demo content imported on your site and would like to import a new demo, you should be careful of the following:

01Before importing new demo content, you should always navigate to Appearance > Menus and delete all imported menus (all menus that you did not create from scratch yourself). If you do not do this your menus will duplicate on import, which can lead to further issues.

02If you are planning to import another demo, it is good practice to first clear your existing demo using the WordPress Database Reset plugin (please note that this plugin will clear all WP content, basically reverting your site to the point when you just installed a fresh copy of wordpress).If you are using multisite, please use this plugin carefully because it can reset all network installations.

03All options that were imported with the demo you currently have active on your site will be overwritten with the options for the demo you intend to import. After import, go to Qode options and hit Save Changes. In this way you will make sure that all options are properly loaded.

Bridge comes with our famous One-Click Import module. Here's what you need to do to import a Bridge demo:

01 Login to the WordPress Admin panel

02 Go into  WP Admin -> Qode Import

m

03 Choose the demo site that you want to import from the dropdown menu

m

04 From the dropdown menu on the right, choose what part of the demo you'd like to import:

  • All - import pages, content, widgets, and settings. We recommend this for users who want to import pages exactly as they appear in the demo.
  • Content - import pages and their content only. Recommended for users who want to see how we've created our page layouts, but who want to keep their own settings in Qode Options.
  • Widgets - imports widgets only. Recommended for users who'd like to use the widget areas that we created and want to import that only.
  • Options - imports settings in Qode Options only. Recommended for users who would like to achieve the same look and feel of our demo site, but who do not require our page layouts.
< class="icon_title" style="">

Note:If you want to import media files (images, video and audio files), check the 'Import attachments' box.

m
RELATED LINKS:

3.2 XML Import

You can also import a Bridge demo using the classic WordPress import and the Bridge XML files. To do so, first download the latest Bridge zip file from your ThemeForest downloads page and extract it. Then, navigate to WP Admin -> Tools -> Import, and select WordPress from the list. If needed, install the WordPress importer.

ss

Click on Choose File, and navigate to the folder in which you extracted the Bridge zip file that you previously downloaded from ThemeForest. Then navigate to the xml export folder, and choose your desired demo’s XML file. The XML files are labeled according to the number of the corresponding demo. So if you would like to import the Bridge3 demo, then you would choose the bridge_content_Bridge3.xml file.

ss

After you have chosen your desired XML file, just click the Upload file and import button, and wait for your import to finish.

ss

3.3 Demo Import Tips and Tricks

Please note that you can only have one demo imported at a time - otherwise the content gets overridden and duplicated causing improper theme behavior. So, before importing a new demo we recommend running this plugin to revert WP to its original state and then re-activate our theme and import the demo.

You can easily combine various features from different demos. The suggested way of doing this is creating a WordPress local development environment  with as many demo sites as you need to import the demos you’re looking to combine. Now you can safely take a look at the back-end of each demo that you’re going to use a feature from and either copy the necessary content or replicate a setting to your live site.

If you’re setting up your website locally, it is crucial to properly migrate to a live server. Here’s a clear instructions set that can help you perform a proper WP migration: http://www.wpbeginner.com/wp-tutorials/how-to-move-wordpress-from-local-server-to-live-site/

RELATED LINKS:

3.4 Importing Content for Plugins

Besides the standard theme demo content, certain Bridge demos also contain separate demo content related to the plugins the theme uses. In this section we will explain how to import this demo content.

3.4.1 LayerSlider

When importing a demo onto your site, the LayerSlider slideshow has to be imported separately.

m

To import a LayerSlider slideshow from one of our demos, please go to your WP Admin -> Layer Slider -> Import.

m

Search for LayerSlider_Export_BridgeN.zip* located in the file you downloaded from Theme Forest / XML export folder and import that demo slideshows.

m

*N - corresponds to the demo number you imported

Finally, go to the page on your site where the slider is supposed to display and set the valid slider shortcode ID and save.

3.4.2 Contact Form 7

If you don't intend to use our default Contact Page template, we recommend that you install the Contact Form 7 plugin , that offers you an easy way to create different kinds of contact forms. To install this plugin, just go to Plugins -> Add New, and search for Contact Form 7. Install and activate it.

m
m

Before inserting a Contact Form 7 element via Visual Composer on your page, inside your WP Admin Panel go to Contact, in order to create your form first.

m

Click on the Add new button at the top, and once you have chosen the language you will be ready to build your custom contact form.

m

You can code your own form directly in the Form panel, or use one of our form examples from the Bridge demos in which forms have been created with this plugin :

01 Basic - one field in a row form (demo example http://demo.qodeinteractive.com/bridge93/contact-me/)

To create this kind of form paste this code in Form panel:

<p>[text* first-name placeholder  "Your Name*"]</p>
<p>[email* email placeholder  "Your Mail*"]</p>
<p>[text subject  placeholder "Subject"]</p>
<p>[textarea* message placeholder "Message*"]</p>
<p>[submit "CONTACT US"]</p>

02 Three input fields in a row with a textarea beneath them (demo example http://demo.qodeinteractive.com/bridge60/contact/)

<div class="three_columns clearfix">
<div class="column1">
<div class="column_inner">[text* first-name placeholder "First Name*"]</div>
</div>
<div class="column2">
<div class="column_inner">[text* last-name placeholder "Last Name*"]</div>
</div>
<div class="column3">
<div class="column_inner">[email* email 40/100 placeholder "Email*"]</div>
</div>
</div>
<p>[textarea* message placeholder "Message*"]</p>
<p>[submit "CONTACT US"]</p>

03 Four input fields split into two rows with a textarea beneath them (demo example http://demo.qodeinteractive.com/bridge75/contact/)

<div class="two_columns_50_50 clearfix">
<div class="column1">
<div class="column_inner">[text* first-name placeholder "First Name*"]</div>
</div>
<div class="column2">
<div class="column_inner">[text* last-name placeholder "Last Name*"]</div>
</div>
</div>
<div class="two_columns_50_50 clearfix">
<div class="column1">
<div class="column_inner">[email* email 40/100 placeholder "Email*"]</div>
</div>
<div class="column2">
<div class="column_inner">[text subject placeholder "Subject"]</div>
</div>
</div>
<p>[textarea* message placeholder "Message*"]</p>
<p>[submit "CONTACT US"]</p>

Once you have created your contact form, you are free to showcase it on any page, using Visual Composer. Choose the Contact Form 7 element, and you will get the option to choose which of your previously created forms you want to display. You can also choose to apply one of three predefined stylings for your form, that you are able to set in Qode Options -> Contact Form 7.

m
RELATED LINKS:

3.5 Common Issues and Troubleshooting

If you have experienced issues while importing one of the demos, we suggest that you refer to the following section of the owner’s manual in order to troubleshoot and solve any issues you might have come across.

3.5.1 Demo import stuck at 80%

Problem: If you’ve tried to import a demo content and the import process gets stuck at a certain percentage value this issue is most probably related to your server configuration.

Solution: We recommend that you undertake the following actions:

01 Run this plugin to revert your WP installation to its original state - https://wordpress.org/plugins/wordpress-reset/

Note: This will delete all content from your site.

02 Navigate to WP Admin -> Appearance -> Themes and activate Bridge

03 Disable all plugins you might have installed under WP Admin -> Plugins except WooCoomerce (If you plan to import shop demo files. If not, disable this plugin as well ).

04Make sure that you have not changed the location of the default Media folder. The default media folder is changed by editing the wp-config.php file, so if you have not made modifications to this file, your media folder should be set to the default one.

05 Increase post_max _size to 128M and max_execution_time to 300 in your php.ini fileYou can find more information on how to do this in the related links below.

06 Increase PHP memory limitYou can find more information on how to do this in the related links below.

You can perform these server configuration modifications yourself or contact your hosting service provider to adjust this on your behalf.

07 Try to import the demo content again.

RELATED LINKS:

3.5.2 I’m seeing HTML code on the front-end of my site

Problem:  On the front end of your site there’s HTML shortcode instead of images, portfolios, rows etc.

m

Solution: Visual Composer is not activated. Please go to your WP Admin -> Plugins -> Installed Plugins and activate WP Bakery Visual Composer:

m
RELATED LINKS:

3.5.3 StrStr PHP error

Problem: An error message appears

Warning: Wrong parameter count for strstr() in /home/content/m/i/s/missaaco/html/wp-content/themes/bridge/includes/shortcodes/shortcodes.php on line 1027

Solution: The PHP version you're using does not support the third parameter of the strstr function, hence the error message. Usage of the function requires PHP 5.3.0 or higher. You should contact your hosting service and ask them to upgrade to at least version 5.3 of PHP because many updates have been made made since PHP 5.2 version was released.

RELATED LINKS:

3.5.4 getimagesize error

Problem: An error message appears -

Warning:getimagesize() [function.getimagesize]: failed to open stream: No such file or directory in/your-server/public_html/wp-content/themes/bridge/title.php on line 85

Solution: You have not uploaded your original logos instead of the Bridge placeholder logos in WP Admin -> Qode Options -> Logo. Please navigate to this location in your WordPress admin panel and upload all logo images.

If the issue persists upon updating theme logo images, please submit a ticket to our support team at https://qode.ticksy.com for further assistance.