• Step 1: Navigate to Appearance => Widgets to access the list of widgets and widget section that they can be added. The left hand side shows all the widgets you can use. The right hand side shows all different sections you can add widgets to.
• Step 2: Simply drag and drop the widget you want into the widgets section on the right hand side.
• Step 3: Don’t forget to click save changes after you customize any widget in sidebar.

• Step 1: Navigate to Appearance–>Widgets to access the list of widgets and widget section that they can be added. The left hand side shows all the widgets you can use. The right hand side shows all different sections you can add widgets to.
• Step 2: Simply drag and drop the widget you want into the widgets section on the right hand side.
• Step 3: Don’t forget to click save changes after you customize any widget in sidebar.

• Step 1: Navigate to Products in your WordPress admin sidebar.
• Step 2: Click on the Add New to make a new product. Create a title, and insert your product content in the editing field. You can use any of our shortcode builder elements inside the product.
• Step 3: Add Categories from the right side. To assign it to the product, check the box next to the category name.
• Step 4: Add Tags from the right side. Type the name of the tag in the field.
• Step 5: Select image for product by the way click button “Set featured images”. You can select image in Media Library or Upload image by your computer.
• Step 6: Once you are finished, click “Publish” to save your product.

Noo Category

Show all posts of one category on Blog post. Can be used in Footer for displaying title of one category.

Noo About

This widget describes some information of you team or you can upload your logo for your site. Can be used in Footer.

Noo Social

Show all social media which is used in your site. Can be used in Footer position.

Noo Location

Use this widget if you want to create list location on footer position.

• Step 1: First make sure footer widgets are set to show, navigate Customizer–> Footer and check the option Footer Columns (Widgetized) Also set the footer columns.

• Step 2: To add widgets, Navigate to Appearance–> Widgets.
• Step 3: You will see 4 widget section on the right hand side, Footer Widget 1-4. Your widgets are located on the left hand side.
• Step 4: Simply drag and drop the widgets you want from the left side into the sliding bar widget sections on the right side.

• Main Sidebar: is the sidebar with Categories, Recent News and Recent Tweets widgets which being display on Blog page.
• Shop Sidebar: is the sidebar with Woocommerce Product Search, Woocommerce Price, Categories and WooCommerce products widgets which being display on Shop page.

• Step 1: Navigate to Appearance–> Widgets to access the list of widgets and widget section that they can be added. The left hand side shows all the widgets you can use. The right hand side shows all different sections you can add widgets to.
• Step 2: Simply drag and drop the widget you want into the widgets section you want the right hand side.
• Step 3: Don’t forget to click save changes after you customize any widget in sidebar.

Here is screenshot that show various areas of the widget section described above:

• Step 1: Navigate to Appearance–>Sidebar Generator and click the Add New button, enter sidebar title then save. You can add as many sidebars as you need.
• Step 2: Once you are done, you need to add Widgets to the sidebar you just created.
• Step 3: Navigate to Appearance–> Widgets and find your sidebar on the right side.
• Step 4: On the left hand side you will see all the widgets you can use, simply drag and drop the widget you want into your sidebar on the right hand site.
• Step 5: Make sure you click Save to save the widgets added to your sidebar.

Constru theme provides 15 shortcode. Below are list of 15 Constru shortcodes and their attributes.

The guide below will describe the detail of each shortcode which used in Constru theme.

Noo Slider Shortcode

This shortcode provides many options that will help you to make awesome slider.

General option

• Categories: This option allows to select many categories to get posts for your slider.
• Order By: You can arrange posts by Recent First (all posts which are newly created), Older First (all post that is older created), Title Alphabet (all post that is arranged ascending) and Title Reversed Alphabet (all post that is ordered descending).
• Limited slider: The maximum number of post will be displayed on slider.

Slider options

• Height Style: This option provides some height styles that include Full Screen (the height of image is displayed full screen), Auto Height (the height of image is automatically displayed), Custom Height (you can configure height for slider by enter the Import Height).
• Auto Play: If choose yes, your slider will be automatically transmitted on your slider.
• Show Pagination: This option allows to enable/ disable pagination for your slider.
• Width Style: This option allows you to choose 2 width styles, include: Full Width and Max Width.
• Background Overlap: You can choose background color for your slider that is overlie on image slider.

Noo Title Shortcode

This shortcode is used to display text which you choose to make the title.

• Layout Style: This option allows you to choose layout for your title that includes Left, Right and Center.
• Font Size: You can select font size: Bold or Base for your title.
• Choose Color: You can select color title by choosing color on color table or enter your color code in color box.
• Ordinal numbers: This option allows to enter the ordinal numbers of your site.
• Title: Enter your title here.

Why Choose Us

This shortcode is used to display team of engineers and constructors who have been completing hundreds of construction project throughout the country.

• Upload Image: This option allows to upload your image from Media library or your computer.
• Title: Enter title here.
• Description: You can enter some texts that describes engineers, constructors or something you want.

Noo Portfolio

This shortcode is used to display portfolio on your page.

• Categories: This option allows to select many categories to get portfolio item for your slider.
• Columns: The columns attribute controls how wide are columns of portfolios should be displayed. You can choose from 1 to 5 columns.
• Order By: You can arrange portfolio items by Recent First (all portfolio items which are newly created), Older First (all portfolio items those are older created), Title Alphabet (all portfolio items which are arranged ascending) and Title Reversed Alphabet (all portfolio items which are ordered descending).
• Show Filter: This option allows you to Enable/ Disable category filter which portfolio item is displayed by category.
• Filter Style: You can select style for category filter. That includes Center style and Left Style.
• Post per page: The maximum number of portfolio will be displayed on page/category.

Noo Our Blog

This shortcode is used to display posts on Blog page.

• Data Source: Select content type to get posts for your slider, including category, tag or post.

If you choose to get posts by C you want to display items on your page. Similarly with content type: tags.

If you want to get content by Post, enter specific ID of post you want to display on slider

• Order By: This option allows you to arrange posts in title alphabet order or date order.
• Post per Page: The maximum number of posts will be displayed on page/category.
• Excerpt Length: The number of text is displayed on post selection.

Noo Testimonial

This shortcode allows you to display testimonial on your page.

• Show Avatar: This option allows to Enable/Disable image avatar for testimonial.
• Categories: Select category to display testimonial on your page.
• Order By: This option allows to arrange testimonials in title alphabet order or date order.
• Auto Play: If Yes, your testimonial will be automatically transmitted on your slider.
• Limited Testimonial: The maximum number of testimonial will be displayed on page.

Noo Clients

This shortcode is used to display customizer from different locations and fields.

• Upload Images: This option allows to upload many client images for your page.
• Custom links: Enter links for each Clients here. Divide links with line breaks (enter).
• Custom link target: This option will help you to select where to open custom links.
• Image Size: You can choose image size for your clients. That includes Thumbnail, Medium, Large and Full image size.
• Columns: The columns attribute control how wide are columns of clients image will be displayed.

Noo Counter

Use shortcode if you want to show the technical parameter or the specification of your site.

• Import number: You can enter the number here.
• Title: Enter title that represents for the number above.

Noo List

Use shortcode if you want to the information is displayed by list.

• Choose icon: this option provides many icons which allow you can select one icon for your page. In additional, you can search your icon on search box.
• Description: Enter your description here.

Noo Portfolio List

Use this shortcode if you want to display list portfolio.

• Categories: Select categories to display portfolio item on portfolio list page.
• Order By: This option allows to arrange portfolio items in title alphabet order or date order.
• Post per Page: The maximum number of portfolio will be displayed on category/page.
• Load More Icon: This option allows to select icon which is used to load portfolio item. Recommend you to use animation image.

Noo Services

This shortcode is used to show items on Services page.

• Category: Select category to display items on services page.
• Order By: This option allows to arrange portfolio items in title alphabet order or date order.
• Post per Page: The maximum number of post will be displayed on services page.

Noo Quote

This shortcode allows you to display quotations from all quote post on one page.

Noo Contact

Use this shortcode to build contact page.

General

• Map Embed iframe: You need to find iframe URL of your location on google map and push on this box. You can go to this link to learn more how to get iframe URL.

Contact Info

This option has many options which you can enter some information such as Title, description, address, phone and more…

Noo About

Use this shortcode if you want to build About Us page.

• About Style: This option allows you to choose one or two images from Media Library or your computer. Image will be displayed on the left side.
• Text: You can write one description of your company or your team on this box.

Noo Team Member

This shortcode is used to show name & position of all employees on your company or you can select a group represented team member.

• Choose Image: This option allows you to choose represented image for person who belong your team.
• Name: Enter his/her name here
• Position: You can enter position of person on your team.
• Image Size: Select style of image, you can select 4 styles include: Full, Large, Medium and Thumbnail.

General Information

In Constru theme, each portfolio item is same as construction project. You need to provide some information, include Office, Construction date, Location, Surface area and Value.

Gallery

This option will help you to upload many images from Media Library or your computer. That will be displayed on Project single.

Heading Background

• Enable Menu Transparent: This option allows to enable/disable Menu Transparent for your project single page.
• Heading Background: This option will help you to select a unique heading Image for this page.