Physio - Physical Therapy & Medical Clinic WP Theme

Contents

1. Homepage slider is not visible

2. Change fonts of Physio theme

3. Enable lightbox navigation arrows

4. Change the featured page widget image and text

5. My contact form is not working

6. How to use the call to action widget

7. Configure the theme on HTTPS (SSL certificate)

8. Navigation font doesn't change with Easy Google font plugin

9. Allowed memory size of # bytes exhausted

10. How-to: Create Google Maps API key

11. How-to: Update the theme

12. WPML translate customizer fields

13. Theme demo images

14. Translating the theme

15. How-to: Transfer Theme to Live Server

1. Homepage slider is not visible

If the slider on the homepage is not visible please check the following points:

- Advanced Custom Fields PRO plugin is installed and activated under the Plugin tab.
- The 'Frontpage Fullwidth Slider' (or Jumbotron for Physio) is selected as page template

If all points correctly set but the slider is still not visible please navigate to the theme folder on your server:

wordpress-folder/wp-content/themes/theme-folder/

Please check inside the theme folder if there is duplicated theme folder and delete it.

2. Change fonts of Physio theme

In the theme customizer you can change the fonts of the theme. The options can be found via Appearance > Customize > Theme Options > Typography


If you want to target elements specifically or need more advanced typographic controls please install the Easy Google Fonts plugin.

The plugin will add a Typography panel to the root of the customizer (Appearance > Customize). Here you can change the font for headings and content of the theme.

To change the font for specific elements in the theme you need to setup 'custom font controls'. To do this please follow the steps below:

1. Navigate to Settings -> Google Fonts
2. Create a font control. For each font control please enter a reference name, CSS class and click the 'force style' overwrite checkbox. Below you can find the CSS classes for custom elements:


    Navigation
    - Enter the name 'Navigation'
    - Add CSS class .main-navigation li a


    Call to action title
    - Enter the name 'Call to action title'
    - Add CSS class .call-to-action .call-to-action--content .call-to-action--title


    Icon box title
    - Enter the name 'Icon box title'
    - Add CSS class .content-area .icon-box--title


    Testimonial author name
   - Enter the name 'Testimonial author title'
    - Add CSS class .testimonials .testimonial--author


    Page header title
   - Enter the name 'Page header title'
    - Add CSS class .page-header--title


    Page header subtitle
   - Enter the name 'Page header subtitle'
    - Add CSS class .page-header--subtitle


3. Please navigate to Appearance > Customize > Typograpghy. You will see 2 panels. In the 'Default Typography' panel you can change the content headings and fonts. In the 'Theme Typography' you will find your custom font controls.

3. Enable lightbox navigation arrows

To enable the navigation arrows for images inside the lightbox window please follow these steps:

-  Go to Settings -> Media
-  Make sure you enable images for Fancybox (first setting)
-  Scroll a bit down to the 'Gallery' section
-  Switch 'Autogallery' to 'All in one Gallery'
-  Check the box 'Show the gallery navigation arrows'
-  Save the settings

4. Change the featured page widget image and text

1. Click on Pages in the menu
2. Edit the page that you want to display with the Featured Page widget
3. On this page add the 'Featured Image' and change the 'Excerpt'
4. Now save this page


The Landscaper excerpt text

5. My contact form is not working

If your contact form don't send or you don't receive messages in your inbox, please check the following things:

1.  Please navigate to Contact -> Edit your form -> Mail
2.  Enter your email address in the "To" and "From" fields (please use the symbols < > in the "From" field see screenshot below)


If you added your email address correctly (as in the above screenshot) but the from still don't send the message it is most likely that the mail server of your domain is not responding. This can be fixed by installing the WP Mail SMTP plugin.

After installing please navigate to Settings -> Email and enter the following settings on that page:

- SMTP Host
- SMTP Port
- Email address username
- Email address password

You can find the SMTP host and port details in the email you received from your hosting provider.

If you still experience issues please open a support ticket and we're happy to help you.

6. How to use the call to action widget

Add call to action heading and buttons
1. Edit the Call to Action Banner
2. Fill in the call to action title
3. Add buttons with the [button href="#"]Text[/button] shortcode and click the blue 'Done' button in the modal

Full width background image
4. Hover the wrench icon of the row (not the widget)
5. Click 'Edit Row'
6.Click the 'Design' panel
7. Add your background image
8. Set background image display to 'Cover'
9. Click the 'Layout' panel'
10. Set 'Row Layout' to 'Full width stretched'
11. Save the page

Click to enlarge the image

7. Configure the theme on HTTPS (SSL certificate)

To use the theme on HTTPS instead of HTTP a SSL certificate need to be installed on your server. The best is to get in touch with your hosting company if you're not familiar with this.

After the SSL certificate is running on your server there are a few steps to take to make WordPress and the theme work correctly.

The first things is to change the Home URL and Site URL under Settings -> General. 

Please make sure before changing this your website is accessible through HTTPS, if this is not the case your website will not be working anymore and these settings need to be restored through FTP.

Please install and activate the Really Simple SSL plugin and active the SSL option via Settings -> SSL.

The last step is to navigate to your website and check if all images are loading correctly. It could be possible that the logo doesn't display. In this case please delete the logo from the customizer Logo panel and select the logo again. The correct path will be used and your logo will show up again.

8. Navigation font doesn't change with Easy Google font plugin

The navigation font need to be adjusted via custom CSS. If you navigate to Appearance -> Customize -> Theme Options -> Custom CSS you can paste the following line(s) in to the textarea:

The parent links:

.main-navigation li a { font-family: Open Sans; }

For the submenu links:

.main-navigation .sub-menu li a { font-family: Open Sans; }

You can change the font-family to your custom one, without using the '' or "" around the names.

9. Allowed memory size of # bytes exhausted

Do you see an 'allowed memory size exhausted' error? This is one of the most common WordPress errors, and can easily be fixed by increasing the PHP memory limit in WordPress.

Please follow these steps to increase the PHP memory. If you're not familiar with this please ask your hosting provider to increase the PHP memory

10. How-to: Create Google Maps API key

IMPORTANT: Update Google Maps API Key

On July 16, 2018 the Google Maps API will change. You need to enter your credit card details to create a new Google Maps API key. Google provide a $200 free usage a month (≈ 28.500 map connections) and if you use more they will start billing you. Unfortunately these changes are made by Google and this is out of our control. Here you can read more about this change.

If you want to keep using Google Maps on your website, but you don't want to enter your credit card details please remove the "QT: Google Maps" widget from the page builder and remove your API key.

Then follow these steps and add the copied HTML code in a "Custom HTML" widget to the page builder. This is the most basic way of adding a Google Map to your website and will be free for usage.


1.  Please create your Maps API key via this link. And click the Continue button (this could take a minute).


2. Enter a name for your key, click "HTTP Referrers", add the URL of your website and click the 'Create' button 

Please use the examples below to add your website. Replace yourdomain.com with your domain name. Each in a new input field.

*.yourdomain.com/*
http://yourdomain.com/*
www.yourdomain.com/*
yourdomain.com/*



3. Copy the API key you see in the modal.



4. Navigate to the API Manager and click the 'Google Maps JavaScript API' link (see above image). 



5. Make sure you click the 'Enable' button. If you only see 'Disable' you can leave the page

For the Physio WordPress theme please enable the "Geolocation" and "Geocoding" API's too. These API's are required to use the maps widget.


Add the API key to your website

The Landscaper

Navigate to Appearance -> Customize -> Theme Options -> Custom and add the API key to the "Google Maps API" input field

Physio

Edit the "SiteOrigin Google Maps" widget and add your API key to the "API Key" input field

11. How-to: Update the theme

Please download the latest installable theme version from your account download page on ThemeForest. Click the "Download" button and select "Installable WordPress files only" for the submenu.


* Before you update the theme it is recommend to create a backup of your website with a plugin like UpdraftPlus.


The theme can be updated on three different ways:

1. Envato Market Plugin

    - Download and install the Envato Market plugin
    - Follow the steps in this article to setup the plugin (one time setup)

2. FTP Client

    - Login to your server with a FTP client
    - Navigate to the theme folder in your WordPress installation (e.g. wordpress/wp-content/themes/)
    - Rename the folder of the theme you're currently using (e.g. theme-name-1 or theme-name-2)
    - Unzip the downloaded zip file and upload the folder to the themes folder on your server
    - Investigate if everything is working correctly
    - Remove the old theme folder from your server

3. WordPress Dashboard

It's possible to update the theme on this way but it is not recommend. Because you need to switch themes your widgets and menu's could be assigned to other positions and you need to reorder them. Unfortunately this is a WordPress thing and happens randomly.

    - Please navigate to Appearance > Themes
    - Activate the default WordPress theme (like TwentySeventeen)
    - Click on the thumbnail of the theme you want to update and click 'delete' in the bottom right corner
    - Click on 'Add New' in the top
    - Click on 'Upload File'
    - Upload the freshly downloaded theme zip file
    - Activate the theme


12. WPML translate customizer fields

Fields from the theme customizer need to be selected from the admin string translation page to enable translations for WPML. 

First please make sure you've got the WPML plugin and the WPML String Translation plugins installed and activated. 

In the steps below we are going to make the 'featured button' translatable for WPML. If you need other fields from the Theme Options panel in the customizer translatable only change step 3 to the specific field.


1. Navigate to WPML -> String Translations and click "Translate texts in admin screens" text link at the very bottom of the page

2. Scroll to the '+ theme_mods_physio-qt' link and click on it

3. Check the checkboxes of featured_button_text and featured_button_url and scroll to the bottom of the page and click the Apply button (please wait till you see the success message)

4. Navigate back to WPML -> String Translations

5. You will find 2 new rows in the table named admin_texts_theme_mods_physio-qt. If you don't see them in the list click on the 'All Domains' select field and select  them from there

6. If you click on the translations link of each the translation fields will appear where you can add your translations.

13. Theme demo images

Due copyrights of the images used in our theme demo we can't distribute them with the theme. Below you find the list of all the images used in the theme, you can buy them from Adobe Stock.

https://stock.adobe.com/stock-photo/physiotherapist-doing-foot-massage/81907889
https://stock.adobe.com/stock-photo/trainer-helping-woman-on-exercise-ball/81849898
https://stock.adobe.com/stock-photo/doctor-stretching-a-young-woman-arm/92575161
https://stock.adobe.com/stock-photo/patientin-bei-der-physiotherapie/30820279
https://stock.adobe.com/stock-photo/male-physiotherapist-training-with-patient/87941502
https://stock.adobe.com/stock-photo/doctor-examining-his-patient-back/80282147
https://stock.adobe.com/stock-photo/patientin-bei-der-physiotherapie/50248078
https://stock.adobe.com/stock-photo/gruppe-trainiert-zusammen-im-fitness-raum/76480906
https://stock.adobe.com/stock-photo/physiotherapist-smiling-at-camera-arms-crossed/82093402
https://stock.adobe.com/stock-photo/accident-at-work/78635512
https://stock.adobe.com/stock-photo/ankle-injury-athlete/42008914
https://stock.adobe.com/stock-photo/knee-injury/67722990
https://stock.adobe.com/stock-photo/running-injury-knee-pain/54252669
https://stock.adobe.com/stock-photo/man-suffering-from-backache/43581352
https://stock.adobe.com/stock-photo/woman-having-back-pain-while-sitting-at-desk-in-office/71130339
https://stock.adobe.com/stock-photo/physiotherapist-stretching-woman-s-arm/107439116
https://stock.adobe.com/stock-photo/woman-training-with-exercise-band/83023570
https://stock.adobe.com/stock-photo/masseur-stretching-woman-s-arm/35128948
https://stock.adobe.com/stock-photo/patient-at-the-physiotherapy/30820236


14. Translating the theme

You can translate theme text strings on two ways:

1. Translate theme language file

You can translate the theme by editing the included .pot language file with a program like PoEdit. After translating please export the .po and .mo files which you need to upload in the language folder of the theme (theme-folder/language/). 

For more information please see this link


2. Translate with the Loco Translate plugin

With the Loco Translate plugin you can translate the theme inside your WordPress installation.
Please install and activate the Loco Translate plugin, and follow the steps below:

1. Please navigate to Loco Translate -> Themes (to translate a plugin go to Loco Translate -> Plugins)
2. Click on the correct theme name in the list (or plugin name)
3. Click on the 'New Language' link
4. Set your language from the dropdown field
5. Set 'Choose a location' to Custom and press the Start Translating button
5. Type the word you want to translate in the search box and click on it when it appear in the list below
6. Write your translation in the bottom textarea (the translation textarea)
7. Save the settings

You can read this tutorial for more information how to set-up a new translation (screenshots included)

15. How-to: Transfer Theme to Live Server

Please install the Duplicator plugin when you're moving the theme to a live server. 

The plugin will generate a zip file of the entire WordPress installation (WordPress, theme, plugins, settings etc.) and installer file. Both files need to be uploaded to the new location on your server.

You can run the install procedure via http://yourdomain.com/installer.php. Please make sure before you're going through the installer you have created a new MySQL user and database. These details need to be entered half way through the install procedure.

When the installer is completed you will see the login link on your screen and the theme is up and running.