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, Emigo has 13 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 Emigo 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 includes:
• General:
Using Container: if you check this box, container`s width will be 1170px.
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.
Full height row: when you tick this box, row will be set to full height.
Use video background: If this box is checked, video will be used as row background.
Parallax: There are three options for you:
None: image without parallax effect
Simple: image with parallax effect. It means that the image will move when you let the mouse scroll on it
With fade: image with parallax effect but move effect of the image is not as clear as that of Simple style.
Note: Two options Use video background (tick this box) and Parallax (Simple and With fade) will avail in some cases. For example, if font color is white and you do not use video background or Simple/ With Fade Parallax then visitors of you site may find it difficult to read white words and phrases. You know, white words on white background. No one can figure out those words in this case!
• Design Options:
CSS box: you can change width of padding, border and margin here
Background color: opt color for background hereBelow 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.
Cover: Scale the background image to be as large as possible so that the background area will be completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.
Contain: Scale the image to the largest size such that both its width and its height can fit inside the content area.
No repeat: Size of the image will not change when it is placed in background area.
Repeat: Size of the image will also be as same as that of the original one; however, then many replicates of this image will be established in background area.
1. Noo Title
This shortcode is used to build Home Page 4
Noo Title settings
Attach: Enter texts here
Title: Enter a title here
2. Noo Team
This shortcode is used in building About Us Page
Attach: Enter texts here
Title: Enter a title here
Categories: Choose member categories in the drop-down list
Order By: The display order of members is based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Posts Per Page: The number of posts is shown per page
3. Noo Information
This shortcode is used in building Contact Us Page
Icon: Click the arrow on the right side to choose icons in the drop-down list
Title: Enter a title here
Description: Give a short description you want or you can add extra contact information
4. Noo Blog
This shortcode is used to create Blog Masonry and Blog Grid pages
Choose style: The style can be Grid or Masonry
1. Grid
2. Masonry
Data Source: The data can be originated from Category, Tags or Posts
Categories: Select shown blog categories
Order By: The display order of blog posts is based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Choose columns: The number of shown columns varies from 1 to 4
Choose Style Pagination: The style is Default or Infinite Scroll. If you select the second style, you will have an extra option called Load More Button
Posts Per Page: The number of posts is shown per page
Excerpt Length: The number entered here is equal to the number of texts included the excerpt.
5. Noo Blog Slider
This one contributes to building Home Page
Title: Enter a title here
Attach: Give a short description here
Choose Style: The style can be Default or Creative
Data Source: The data can be taken from category, tags or posts
Categories: Select blog categories in the drop-down list
Order By: The order of posts` display can be based on Recent first, Older First, Title Alphabet or Title Reversed Alphabet
Auto Play: Choose True or False
Posts Per Page: The number of posts is shown per page
6. Noo Testimonial
It is one of shortcodes used to create Home Page
Choose Style: There are 3 styles:
1. Default
2. Navigation
3. Thumbnail Control
Categories: Choose the testimonial categories in the drop-down list
Limited Testimonial: This option places a limit on the number of shown testimonial
Order By: This option handles the display order of testimonials based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Auto Play: Choose Yes or No
7. Noo Mailchimp
It is one of the shortcodes used to create Home Page
Title: Enter a title here
Description: Give a short description here
Note: In order that Noo Mailchimp can function properly, you will need to install and activate Mailchimp For WordPress plugin. Then you will paste these codes
<input type="email" name="EMAIL" placeholder="Your email address" required />
<input type="submit" value="subscribe" />
into Admin panel> Mailchimp For WordPress> Forms> Fields
8. Noo Partner
Show or Hide Border: Select Show or Hide
Limited Post of Slider:
Upload Images: Upload Images here
Custom Links: Enter link of the images. These links are separated by “Enter”
Custom Link Target: the link will be opened in the same window or in a new one
Auto Play: Choose Yes or No
9. Noo Countdown
It is one of shortcodes used to create Home Page
Choose Date: It is the date on which the countdown will end
Title: Enter a title here
Description: Give a short description here
Button Link: Enter link of the button here
Button name: Give a name to the button
Image Left: Upload an image that is on the left side
Image Right: Upload an image that is on the right side
10. Noo Product
This shortcode is used in building Home page
Title: Enter a title here
Attach: Enter a short description here
Choose categories: Choose product categories in the drop-down list
Choose Style: The display style of product categories can be Slider, Grid or Grid Two.
Order By: The display order of product categories can be based on Recent first, Older first, Title alphabet or Title Reversed alphabet
Limited: This option places a limit on the number of product categories displayed per pageIf you are interested in Slider then the display will be:
If you are partial to Grid style then display of this shortcode will be like this one
If you opt Grid Two Style, you will have extra 3 options:
Choose Image: Upload an image
Position for image: the image can be on the left or right of the products
Link image: Enter link of the image here
11. Noo Custom
This one is used in building Home page 2
Title: Enter a title here
Attach: Enter texts here
Description: Enter a short description
Choose Image: Upload an image
Button name: Give a name to the button
Button Link: Enter link of the button
Position Text: All texts can be on the right or left side
12. Noo About
It is one of the shortcodes used to create Home Page 4
Title: Enter a title here
Attach: Enter texts here
Content: Give a short description
Button name: Give a name to the button
Button Link: Enter link of the button
Background Image Right: Upload an image that will be on the right side
13. Noo Purchase Custom
This shortcode is used to create Home page 2
Title: Enter a title here
Button Name: Give a name to the button
Button Link: Enter link of the button here
Background Image: Upload a background image here
