Medicus | Document Category

Department & Doctor

Doctor Setting

Doctor Information: This section will help you fill out doctor information needed including departments, speciality, degrees, experience, email and training.
Media Data: Social: This section allows to enter social URL by which customer can contact with doctor.

Add New Doctor

Please follow these steps to add a new doctor:

Step 1: From admin panel, navigate to Doctor–>Add New Doctor to add new doctor
Step 2: Enter Name and Description for doctor.
Step 3: Choose Doctor Categories and Featured Image of doctor on the right side.
Step 4: Scroll down your mouse, you will see Doctor Information and Media Data: Social section. Please fill out information for sections.
Step 5: All done, Click “Publish” to save all information.

Timetable Page

To set up a page as Timetable page to show all department schedules, simply create a new page then add Department Timetable shortcode (you can easily find this shortcode in Medicus shortcode list). You can select departments you want to show schedule of department and choose the filter style including Tabs, Filter or Hide filter on Timetable page.

Department Listing Page

To set up a page as Department Listing Page to show all departments, create a new page. From admin panel, navigate to Customizer–> Department tab. Here you can find your page from dropdown list to set as Department Listing page.

Department Settings

In this section, you can enter your department information, including some options below:

Settings: You need to provide address of your department which will help the patient easily find location of department.

Services Setting

Services Information: Enter description which describes the services that department offers.
Services Treatments/ Services Investigation: You can add any services for department by clicking “Add Treatments/Add Investigation”. You will have two fields, one is Name and one is Price, please fill out information for two field that will help the patient easily choose appropriate services.

Timetable Settings

Timetable Color: You can choose color for timetable of department that will be used to distinguish between different departments in timetable.

Add Timetable: You can setup schedule of department by hitting Add timetable. There are some information you need to fill in: Timetable day (You can choose one day from dropdown list), Start Hour, End Hour (Time when department opened/closed) and Doctor (The doctor who is responsible for resolving cases on that shift. You can choose doctor of that department from dropdown list).

[Medicus] Add Department Category

To add new department category, you can follow these steps:

Step 1: From admin panel, navigate to Department–>Department Category.
Step 2: You will see Add New Department Category on the left side, please enter name, slug, and description for Department Category.
Step 3: All done, click “Add New Department Category” to save your information. The new department category will be displayed on the right side when you add new department.

[Medicus] Add New Department

Follow these steps to add new department from backend:

Step 1: From admin panel, navigate to Department–> Add New
Step 2: Enter title and description of your Department.
Step 3: Choose Department Category and set Featured Image of department on the right side.
Step 4: Scroll down your mouse, you will see Settings section of Department. In this section you need to fill out information for Address of Department, and services including Services Information, Service Treatments, and Services Investigation and set up Timetable for your Department.
Step 5: All done, Click Publish to save your class.

Footer

The Footer is composed of two parts that are Footer Top and Footer Columns or Widget area . Thus, now you can guess that you will have to use not only Customizer but also Appearance>Widgets to make adjustments to the Footer.
You can see available widgets on the left side and 4 sidebars belonging to Footer: Noo – Footer Column #1, Noo – Footer Column #2, Noo – Footer Column #3 and Noo – Footer Column #4.

1. Noo-Footer Column #1

Drag Text widget on the left side to this sidebar> click the triangle icon on the right of the widget> complete options> Save

2. Noo Footer Column #2

Drag Custom Menu widget on the left side to this sidebar> click the triangle icon on the right of the widget> Enter a title, select Patient Guide Menu in the drop-down list > Save

3. Noo Footer Column #3

Drag Text widget on the left side to this sidebar> click the triangle icon on the right of the widget> complete options> Save

4. Noo Footer Column #4

Drag Text widget on the left side to this sidebar> click the triangle icon on the right of the widget> complete options> Save

Refer to this link to learn more about Footer settings in Customizer

Header

An Introduction To Header

Perhaps Header is the first place visitors look at when they go to your site. The first impression is always important; therefore, if the Header can convey your message to users, that is very great! The simple message given to them can be an understandable and clear menu or an amazing and eye-catching design of the header or diversified header styles of your site also make the most choosy customers feel satisfied.
In the most essential respect, a header should contain three parts which are menu area, logo and top bar

Here is structure of sections in Header, which will help you to acquire essential knowledge of building a Header. In terms of an striking and personal Header, I suppose that it depends on your creativity:))♦ Set up Menu
♦ Customize Header

Add "Make an appoinment" button

To add “make an appointment” button on main menu. Add new menu, select menu type: page (you need to choose page same as Make an appointment page). Then add CSS Classes (optional): make-an-appointment for your menu. You can see image:
make an apppoinment

Setting Up Menu

Medicus supports custom WordPress menu, this is one area where you can assign a menu: Main Menu. Following the guide below to learn how to create new menu on Medicus Theme.

Step 1: Navigate to Appearance–> Menus from Admin panel.
Step 2: Click the Create A New Menu link to make a new menu. Enter the name then click Create Menu
Step 3: To add menu item, select pages and post on the left hand side and click Add to Menu button. You also can add custom links or post categories into menu.
Step 4: To create a drop-down menu, simply drag a menu item below of another menu item and slightly to the right, and it will lock into place and create a drop-down section.
Step 6: After setting up your menu, scroll down to the bottom of the page to assign the menu on the Theme Location box.
Step 7: Once it’s all done, make sure you click the Save Menu

Now returning to the site, you will see the menu shown on the header like this:

Yet when you see the header on our demo site:

You can wonder yourself “why is the header of my site different from that of your site?”.To achieve such design, refer to this link

Adding Logo

Medicus allows you to add image file or use text for logo. For the image file, you can upload at any size and it will be adjusted to fit into the menu. There is an option for you to upload a retina logo to keep your logo retina ready.

Step 1: Navigate to Customizer–> Header–> Logo tab to access the logo options.
Step 2: You will see a button to turn On/Off Use Image for Logo.

If Off, you will have option to enter your site name, select logo font from Google font, font size and color for your logo.

Step 3: If you are uploading a retina logo (optional), you need to upload a larger image of which dimensions are 2 times larger than dimension that your standard logo will be displayed.
Step 4: If you are using a retina logo, you must enter the logo height for standard logo.

Installation

Update Theme

First way: Manual update

There are 3 methods to update the theme:

Manually via WordPress admin: After downloading the package from Themeforest, you can delete the old theme and install the new theme. All your settings with our theme will be preserved but it sometimes results in losing Menu or Widgets settings because this method actually switches on/off the menu and widget location which has been registered by this theme.
Manually via FTP: After downloading the package from Themeforest, you can extract it and using FTP client like FileZilla to remove the old theme and upload the new theme. With this method, all your settings, including the menu and widget will be persevered.
Using Envato WordPress Toolkit introduced on this link: http://premium.wpmudev.org/blog/how-to-update-themeforest-themes-with-the-envato-wordpress-toolkit/. This is the plugin developed by Envato to auto update WordPress theme bought in Themeforest.

Second way: Automatic Update

Please follow these steps to update theme:

Step 1: Hover into username then choose Download
Step 2: Select “License certificate and purchase code”
Step 3: In Admin Panel, choose Settings, click “NOO Medicus License”. You will see the message Please enter your license key to enable updates to NOO Medicus.
Step 4: Enter code into License key

Note: Auto update is available from version 1.0.2 and above

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo. It’s because some basic settings is needed on WordPress site. If you know what the problem is and how to fix it, please skip this section.

Setup Home Page

To set up home page, please follow these steps:

Step 1: Navigate to Settings–> Reading
Step 2: Select A Static Page option.
Step 3: Choose the page you want as your home page from the Front Page dropdown list.
Step 4: Here you can also select a page to display blog post from the Post page dropdown list.

Assign Menu

Please go to Appearance–> Menus then find Menu Settings–> Theme Locations at the bottom. Check the Primary Menu then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme. You can see more detail at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings–> Permalinks then change the Common settings to Post name. You can see more detail at: http://codex.wordpress.org/Using_Permalinks. After doing these steps, your site will look like our demo, you can move on to process to build your content.

Import Demo Content

How to Import Medicus Demo Content

Step 1: From Admin Panel, after installing and activating our theme, navigate to Tools, choose Import–> WordPress
Step 2: Click Choose File and browse the demo content .xml file extracted from the .zip file you can download from Themeforest following guide in DOWNLOAD THEME PACKAGE section above. Click Upload file and import to upload the file.

Note: If you have not installed Deme Importer Plugin, you may see the notification message to install the plugin. Click Install Now to install and move on.

Step 3: You will first be asked to map the authors in the file to users on the blog. For each author, you may choose to map to an existing user on the blog or to create a new user.
Step 4: WordPress will then import each of the posts, comments, and categories contained in this file into your blog.

See guide to import a sample content into a WordPress blog in WordPress Codex.

Note: Not all the content in our demo will be included. Those files might be excluded from the content you can import:

Images: our stocks might not be in the content due to license issues. Instead, we replace with grey images. Please change to your own pretty images for your site.
Sliders, Post and Pages: not all sliders, posts and page in our demo will be consisted in our dummy date when you import. However, we still add some sliders and pages for your reference.

Plugin Installation

Here is list of plugins that will come together with our theme when you activated it. You are recommended to install and activate these plugins base on your own need:

Visual Composer: The popular drag and drop page builder plugin with intuitive interface to build your content at ease. Save another $33 for this plugin with Yogi.
Contact Form 7: Medicus is fully compatible with Contact Form 7, the free form plugin recommended to create a nice form for your site.
Revolution Slider: Create a responsive or full-width slider with must-see effects.

After installation Medicus theme, you will see a notification message to activate the required & recommended plugins. Follow the steps to install and activate each plugin.

If you want to install another WordPress plugin that doesn’t include in our theme. Please following these steps:

Step 1: Navigate to Plugins–> Add New.
Step 2: Under Search, type in the name of WordPress Plugin or descriptive keyword, author, or tag in the search form or click a tag link below the search form.
Step 3: Find the WordPress Plugin you wish to install
Click Details for more information about the Plugin and instructions you may wish to print or save to help setup the Plugin.
Click Install Now to install the WordPress Plugin.
Step 4: You will see the popup window that will ask you to confirm your wish to install the Plugin.
Step 5: If this is the first time you’ve installed a WordPress Plugin, you may need to enter the FTP login credential information. If you’ve installed a Plugin before, it will still have the login information. This information is available through your web server host.
Step 6: Click Proceedto continue with the installation. The resulting installation screen will list the installation as successful or note any problems during the install.
Step 7: If successful, clickActivate Plugin to activate it, or Return to Plugin Installer for further actions

Install Theme via FTP

How to install Medicus via FTP

Step 1: Login into your hosting space via a FTP software.
Step 2: Unzip the noo-medicus.zip file and ONLY use the extracted Medicus theme folder.
Step 3: Upload the extracted Medicus Theme folder into wp-content–> themes
Step 4: Activate the newly installed theme by going to Appearance–> Themes and clicking the Activate
Step 5: Then you will see a notification message to activate the required & recommended plugins Contact Form 7, Revolution Slider, Visual Composer. Follow the steps to install and activate each plugin.

Install Theme Via WordPress

How to install Medicus via WordPress

Step 1: Login to your WordPress Admin Panel, navigate to Appearance–> Themes
Step 2: Click Install Themes on the top –> hit Upload
Step 3: Find “noo-medicus.zip” file on your computer and click “Install Now”.
Step 4: Once uploaded, activate the theme. Go to Appearance–> Themes and activate it.
Step 5: Then you will see a notification message to activate the required & recommended plugins: Contact Form 7, Revolution Slider, Visual Composer. Follow the steps to install and activate each plugin.

Note: If you see this message “Are You Sure You Want To Do This” when installing noo-medicus.zip file via WordPress, it means that you have an upload max file size limit. Try to install the theme via FTP instead, or contact your host to increase the limit.

Requirement

To use Medicus theme, you must be running WordPress 3.6 or higher, PHP 5.6 or higher, and MySQL 5 or higher. Follow below checklist to ensure your host can work well with Medicus theme:

Your web host has the minimum requirements to run WordPress.
They are running the latest version of WordPress.
You can download the latest release of WordPress from official WordPress website.
You did create best secure passwords FTP and Database.

Download Theme Package

When purchasing successfully our theme from Themeforest, you will need to download theme package for your use. To download the package, please login to your Themeforest account, navigate to “Downloads”, click the “Download” button in the left of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Medicus Theme File: Includes noo-medicus.zip file that consists of everything you need to install the theme.
Document Folder: Includes Medicus Documentation file that helps you get to know about Medicus and guides you to build your site with our theme.
Licensing Folder: Includes the licensing files of Themeforest purchase.
Demo Content Folder: Includes the .xml file you will need to import our demo data.

WordPress Information

Before installing this theme, please make sure you have a working WordPress version already installed. For further guide to install WordPress, please find in below useful links:

WordPress Codex: General info about WordPress and how to install your server.
Instructional Video: How-To video created by Woo Themes
First Steps With WordPress: Multiple topics about WordPress.
FAQ New To WordPress: Popular FAQs about WordPress.

Instruction

Firstly we would love to send our great thanks to you for purchasing Medicus. This documentation covers almost everything to guide you step by step from the start to have your site on air. We encourage you to read thoroughly all section before you go on. If you still have to cope with any problem around, get our quick support at NooTheme Support Center.

Thanks again and enjoy building your website with Medicus.

Medicus Shortcode

Visual Composer

Visual composer is a drag and drop frontend and backend page builder plugin that equips you with more than 40 elements (also called shortcodes) to design your page with ease. In addition to these predefined elements, Medicus has 11 extra ones helping you to create many desirable pages. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Medicus tab to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

Note: In some cases, when you add an element and edit it, you should edit Row settings at the same time.

Row settings include:
Row stretch: In our demo, we set Default in this section. Besides Default, you can select Stretch row, Stretch row and content, stretch row and content (no paddings). If opting these ones, the whole content in Red row 2 will disappear when it is shown on the site.
Columns gap: Select gap between columns in row
Full height row: when you tick this box, row will be set to full height.
Equal height: If this box is checked, height of columns will be equal
Content Position: Position of content can be Default, at Top/Bottom or in the middle
Use video background: If this box is checked, video will be used as row background.
Parallax Background: If you check this box, you will have further options to upload an image and set parallax speed. The speed varies from -1.0 and 1.0
Background color: opt color for background here. Below background color section, you will have an option to upload the background image and opt styles of background image: theme default, cover, contain, no repeat and repeat.
Background Image: Upload a background image here
Background Color Overlay: Select a background color here
Background Image Repeat: check this box if you want the background image to be repeated
Disable Parallax on Mobile: Tick this box so that parallax is disabled on mobile
Parallax Velocity: You can set speed here. It fluctuates between -1.0 and 1.0
Background Video: If you tick this box, the video background will override image and color background
Has Container: If you tick this box, the row will be placed in a container
Border: Choose a kind of border in the drop-down list
Padding Top/Bottom: You can set Padding Top/Bottom here

1. Noo Blog Masonry

This one is used to create Blog Masonry Page
Categories: Choose Blog Categories in the drop-down list
Title: Enter a title here
Order By: This option handles the display order of blog posts. The order can be Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
Columns: The number of columns is displayed per page
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.

2. Noo Recent News

This shortcode is used in building Home Page and Home Services Slider
Title: Enter a title here
Sub Title: Enter a sub title here
Categories: Select categories in the drop-down list
Columns: Choose the number of columns shown per page. It fluctuates between 2 and 4
Posts per page: The number of posts shown per page
Show excerpt: Choose Yes or No to show or hide the excerpt
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.

3. Noo Department List

This shortcode is used in creating Home page
Title: Enter a title here
Sub Title: Enter a sub title here
List Style: The style can be Center or Left. If you choose Center, texts will be in center or on the left side
Columns: Choose the number of shown columns. It fluctuates between 2 and 4
Department per page: Set the number of shown department
Show excerpt: Choose Yes or No to show or hide the excerpt
Excerpt Length: The number entered here is equal to the number of texts included in the excerpt

4. Noo Mailchimp Widget

This shortcode contributes to generation of Home Page
Widget title: Enter a title here
Subscribe Text: Enter a short description here
Subscribe Mail List: Choose a Mail List in the drop-down list

5. Noo Testimonial Classic

This is one of the shortcodes used to create Home Page
Classic Testimonial Title: Enter a title here
Testimonial per page: The number of testimonials is shown per page
Auto Play: Choose Yes or No
Slider Duration: Set a number that is equal to duration of the slider
Show name/ position: Choose Yes or No to show or hide name/position

6. Noo Testimonial Thumbnail Pagination

It is one of the shortcodes used to create Home Services Slider
Testimonial Title: Enter a title here
Testimonial Image Per Page: The number of testimonial images is shown per page
Auto Play: Choose Yes or No
Slider Duration: Set a number here
Show name/ position: Choose Yes or No to show or hide name/position

7. Noo Our Doctor

This one is used in building Homepage
Noo Our Doctor Title: Enter a title here
Sub Title: Enter a sub title here
Doctor per page: The number of doctors is shown per page
Style: There are two styles. They are rectangle and circle image
Auto Play: Choose Yes or No
Slider Duration: Set a number that is equal to duration of the slider
Show Name: Choose Yes or No to Show or Hide name of doctors
Show Description: Choose Yes or No to show or hide description
Description Length: The number enter here is equal to the number of texts included in the description

8. Department Slider

This shortcode is used to create Home Services Slider
• Department Slider settings:
Auto Play: Choose Yes or No
Pause on hover:
Spacing: You can set space of the slider here
Slider Height/ Width: Set a number that is equal to height/width of the slider
• Department Slide settings:
Department Image: Upload an image here
Department Icon: Upload an icon
Department Title: Enter title of the department
Department Description: Give a short description here
Department Link: Enter a link that leads users to the Department

9. Noo Timeline

This one is used in creating About Us page
Noo Timeline settings:
Title: Enter a title
Sub title: Enter a sub title
Noo Timeline Item settings:
Image: Upload an image here
Item Title: Enter title of the item
Item Content: Enter content of the item

10. Noo Service

This shortcode is used in building About Us Page
Type: You can choose Image or Icon. If it is Image, you will have an extra option to upload an image. If your choice is Icon, you will click the arrow to select an icon
Service Title: Enter a title here
Service Content: Enter the content

11. Department Timetable

This shortcode is used to create Timetable Page

Select Departments: Choose Depatments whose timetable will be shown
Filter Type: There are 3 kinds of Filter

1. Tabs

2. Filter

3. Hide

Shortcode

Instead of writing lines of code to build elements, we built Medicus with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips. By installing Visual Composer (the page builder plugin integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually before your eyes and easily generated in several clicks. In addition to Default Visual Composer shortcodes, Medicus comes with 6 specific shortcodes. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Medicus tab to find a shortcode you want to use. You can add those shortcode to any pages or posts for your own use.

There are 10 custom Medicus Shortcodes. Below are list 10 shortcodes and their attributes:

Noo Blog Masonry

Use this shortcode if you want to build Blog masonry page.

Detail option:

Categories: Select categories of which blog posts will be displayed on blog page.
Title: Enter text which will be used as element title. Leave blank if no title is needed.
Order By: This option will help you arrange your posts following different order criteria including Recent First, Older First, Title Alphabet, and Title Reversed Alphabet.
Post per page: This option allows you to choose the number of post will be displayed per page.
Columns: Number of post columns. The column attribute controls the width of columns should be displayed on Blog Masonry page.
Excerpt Length: The number of characters displayed on post selection.

Noo Recent News

This shortcode allows latest post displayed on your site.

Detail option:

Title: Enter text which will be used as element title. Leave blank if no title is needed.
Sub Title: Enter text which will be used as subtitle. Leave blank if no sub title is needed.
Columns: Number of posts column. The column attribute controls the width of columns should be displayed on Recent News page.
Posts per page: This option allows you to choose the number of post will be displayed on Recent News page.
Show Excerpt: This option will help you Enable/Disable Excerpt Length of each post. If enable, please enter the number of characters you want to display below post selection.
Visibility: Select devices on which the post will be displayed. You can choose Show/Hide on Phone/Tablet/PC devices.

Noo Department List

Use this shortcode if you want to show all departments on frontend.

Detail option:

Title: Enter text which will be used as element title. Leave blank if no title is needed.
Sub Title: Enter text which will be used as sub title. Leave blank if no sub title is needed.
List Style: This option allows you to choose layout for department items. You can choose Style Left (text & icon aligned to left side) or Style Cent( text & icon aligned to center).
Columns: Number of department columns. The column attribute controls the width of columns should be displayed on Department page.
Departments per page: The number of department will be displayed on Department per page.
Show Excerpt: This option will help you Enable/Disable Excerpt Length of each post. If enable please enter the number of characters you want to display below post selection.
Visibility: Select devices on which the post will be displayed. You can choose Show/Hide on Phone/Tablet/PC

Noo MailChimp

Use this shortcode to build MailChimp Subscribe form.

Detail option:

Title: Enter text which will be used as element title. Leave blank if no title is needed.
Subscribe Text: Enter text which will be used as subtitle. It is displayed below title.
Subscribe Mail List: This option allows you to choose a Mailchimp list for the subscribe form.

Noo Testimonial

This shortcode will help you show all testimonials as slider.

Detail option:

Class Testimonial Title: Enter title here.
Testimonial Per Page: The number of customer testimonial will be displayed per page.
Auto Play: If Yes, your testimonial slider will be automatically transmitted on your page.
Slider Duration: The duration after which one testimonial is automatically transmitted on your page. Note: with Mini-seconds unit (1000=1 second).
Show Name/ Show Position: This option allows you to display/not display name/ position of customers on your page.
Visibility: Select devices on which the post will be displayed. You can choose Show/Hide on Phone/Tablet/PC

Noo Testimonial Thumbnail Pagination

This shortcode has the same options as Noo Classic Testimonial with a different layout. Here is frontend of this shortcode:

Noo Our Doctor

This shortcode allows you to show list doctor as slider.
Detail option:

Noo Our Doctor Title: Enter title for this shortcode here.
Subtitle: Enter subtitle which will be shown below title.
Doctor Per Page: The maximum number of doctor items will be displayed on Noo Our Doctor page.
Style: There are 2 styles you can choose: Rectangle Image and Circle Image.

Rectangle Image

Circle Image

Auto Play: : If Yes, your doctor slider will be automatically transmitted on your page.
Slider Duration: The duration after which one testimonial is automatically transmitted on your page. Note: with Mini-seconds unit (1000=1 second).
Show Name: This option allows you to display/ not display name of doctor on your page.
Show Description: This option allows you to display/not display description of doctor on your page. If display, please enter the number of characters you want to display below doctor selection.
Visibility: Select devices on which the post will be displayed. You can choose Show/Hide on Phone/Tablet/PC

Department Slider

Use this shortcode if you want to have a slider as in Home Service Slider.

General option:

Animation: Includes Slide & Fade. You can choose appropriate animation for your slide.
Auto Play: Yes/No. If Yes, your slider will be automatically transmitted on your page.
Pause On Hover: Yes/No. If yes, when you hover your mouse your slider will be automatically paused on your page.
Spacing: The blank between 2 sliders. You can enter its width in px.
Slider Height/Slider Width: Configure height/width for slider.
Visibility: Select device which slider will be displayed. You can choose Show/Hide on Phone/Tablet/PC

After configuring general option of your slider, you need to add each Department Slide item and here is setting for it:

Department Image/Department Icon: Choose one image/icon from Media Library or upload from your computer.
Department Title: Enter name here.
Department Description: Enter some text which will be shown below department title on you sider.
Department Link: Enter link that will be redirected when you click “view more” button on slider.
Class: Enter a unique class name here.

Noo Timeline

This shortcode is used to create a timeline for about us page.

General option:

Title: Enter text which will be used as element title. Leave blank if no title is needed.
Sub Title: Enter sub title here.
Class: Enter a unique class name.
Visibility: Select device which timeline will be displayed. You can choose Show/Hide on PC/Tablet/Phone
Custom Style: Enter inline CSS.

After general configuration, you need to add each Noo Timeline Item for your page and here is setting for each item:

Image: Select image from Media Library or Upload your image by hitting “+”
Item Title: Enter title here.
Item Content: Enter item content here.

Department Timetable

Use this shortcode if you want to build department schedule page.

Detail option:

Select Departments: Select departments which will be displayed on timetable.
Filter type: Select filter type: Tabs or Filter.

Tabs

Filter

Visibility: Select devices which timetable will be displayed on your page. You can choose Show/Hide on PC/Tablet/Phone

Noo Service

This shortcode is used to show services on About us page.

Detail option:

Type: That includes Image Style or Icon Style. If you choose Image you need to select image form Media Library or your computer. And choose Icon you can select icon from list icon by clicking the arrow down symbol.
Service Title: Enter title here.
Service Content: Enter service content here.

Page & Blog

Make An Appointment Page

Here is image of the shortcodes used to create Make An Appointment Page

♣ It has a Row shortcode whose style is 2 columns (2/3+1/3)
♣ The first column comprises a Text Block shortcode
♣ The second one includes a Contact form 7 shortcode

Row settings

Contact Page

Here is image of shortcodes used to create Contact Page

♣ It has a Row shortcode whose style is one column
♣ The column contains 2 shortcodes which are Google Maps and Contact Form 7

Blog Pages

1. Blog Page

To build this page, you only need to enter title of the page, choose a sidebar displayed on this page and click the Publish button. After that, you will carry out one further step: Navigate to Settings>Reading> opt Blog in Posts page section> Save changes.“Why does this page not have any shortcodes but it will still contain content when the page is exhibited on the site?”You may be intrigued by this question. The reason is that you decided on Blog in above-mentioned Posts Page section. In this case, it takes all the latest blog posts originating from Posts in Admin Panel.

2. Blog Masonry Page

Row and Noo Blog Masonry are 2 shortcodes used to create Blog Masonry page

Noo Blog Masonry settings:
Categories: Choose Blog Categories in the drop-down list
Title: Enter a title here
Order By: This option handles the display order of blog posts. The order can be Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
Columns: The number of columns is displayed per page
Excerpt length: The number entered here is equal to the number of texts included in the excerpt.

Timetable Page

There are 2 shortcodes that contribute to creating Timetable Page. They are Row and Department Timetable

Department Timetable settings:
Select Departments: Choose Depatments whose timetable will be shown
Filter Type: There are 3 kinds of Filter

1. Tabs

2. Filter

3. Hide

Our Doctor Page

Building Our Doctor Page is very easy. You will enter title of the page> on the right side, choose a Template in the drop-down list. If it is Right/Left sidebar, you will need to choose Doctor sidebar in the drop-down list of Page Sidebar.

About Us Page

Here are images of shortcodes used to create About Us Page

1. Red Row 1

♣ It has a Row shortcode whose style is one column
♣ The column includes a Text Block

Row settings

2. Red Row 2

♣ It has a Row shortcode whose style is one column
♣ The column contains a Single Image and a Noo Testimonial Thumbnail Pagination 6. Noo Testimonial Thumbnail Pagination

3. Red Row 3

♣ It has a Row shortcode of which style is one column
♣ The column includes a Separator, a Text Block and a Row whose style is 3 columns. Each column contains a Noo Service shortcode
Noo service settings:
Type: You can choose Image or Icon. If it is Image, you will have an extra option to upload an image. If your choice is Icon, you will click the arrow to select an icon
Service Title: Enter a title here
Service Content: Enter the content

Display of Red Row 3 on the site

4. Red Row 4

♣ It has a Row shortcode whose style is 2 columns (2/3+1/3)
♣ The first column comprises a Noo Our Doctor 7. Noo Our Doctor
♣ The second column includes 2 Text Block shortcode and a Separator

5. Red Row 5

♣ It has a Row shortcode whose style is one column
♣ The column contains a Noo Timeline shortcode to which 5 Noo Timeline Item shortcodes are added.
Noo Timeline settings:
Title: Enter a title
Sub title: Enter a sub title
Noo Timeline Item settings:
Image: Upload an image here
Item Title: Enter title of the item
Item Content: Enter content of the item

Row settings