This shortcode will help you to get your image from your Instagram account.

• Instagram Username: Enter your Instagram account here.
• Number of Image to Show: Select the number of Image you want to display on page.
• Check for ne­­­w images on every (hours): The times allows to update again new image to Instagram on your page or you can select by randomize Image.
• Visibility: the devices that you want to display. You can choose Visibility/Hide on PC, Phone, and Tablet device.
• Class: Enter a unique class name.
• Custom Style: If you want to change style, you can enter inline CSS in this box.

Noo Recent News Shortcode

• Categories: Select post categories to display on recent news.
• Title: Enter text which will be used as element title. Leave blank if no title is needed.
• Columns: The columns attribute aims to show how many columns of posts should be displayed on Recent News.
• Posts per page: The number of post which is displayed on Recent News.
• Excerpt Length: The number of length will be excerpted in each post of Recent News.
• Visibility: Choose the device which recent news will be displayed. You can Visibility/Hide on PC, Phone, and Tablet device.
• Class: Enter a unique class name.
• Custom Style: If you want to change style for Recent News, you can enter inline CSS on this box.

NooBestseller Products shortcode

This shortcode is supported by many options which will help you select products on Bestseller position.

• Columns: This option helps to change Bestseller Product’s display columns grid. You can change number of column from 1 to 6 column.
• Posts per page: the number of product post you want to display on Best seller position.
• Layout Style: This option allows to choose layout which best seller products is displayed. There are 2 styles you want to choose, they are Default style and Slide style.
• Show Price: If chosen Yes, the price is shown under title of products.
• Show Description: If chosen Yes, the short description describes for products is displayed.
• Show Rating: This option will help your customer to appreciate quality products by rate. If you choose Yes, you will have line star on your bestseller products.
• Show Button: If chosen Yes, you will have 2 buttons, one is “add to cart” button which allows to buy that product, one is “icon” button which helps you determine products state you bought.

Noo Featured Products Shortcode

• Categories: This option provides one list categories of product. You can choose featured products on category to display on Featured position.
• Columns: The columns attribute controls how many columns of the products should be displayed on Featured Products. You can change number of column from 1 to 6 column.
• Products per page: this option allows to set how many products to show on Featured Products page.
• Layout Style: There are 2 layouts you want to display, that is Default and Slide.
• Show Price: If chosen Yes, the price is shown on product.

Product Lookbook Shortcode

• Lookbooks: This option allows you to select lookbooks you want to display your page.
• Title: Enter text which will be used as element title. Leave blank if no title is needed.
• Style Layout: Select style which lookbook is displayed on your site. There are four styles you can choose: list, grid, featured.

Grid

List

Featured

• Show Description: Show/Hide description for lookbooks.
• Show Title: Show/Hide title for lookbooks

Categories Shortcode

This shortcode is used to select categories you want to display on list of product categories.

Lookbook Slider Shortcode

This shortcode allows you to display lookbook as slider.

• Background Type: You can select background type of lookbooks to display on slider. Included Feature Image and Custom Image.
  • If choose Feature Image, you will see lookbook option which you need to select Lookbooks to display on slider.
  • If choose Custom Image, you can choose your image on your Media Library or Upload your image on your computer. Then you need to insert Lookbook Link for your image.
• Box Align: There are two types of box align you can select, one is left which allows box to be displayed on left side. One is right side, allows box to be displayed on right side.
• Class: You can enter a unique class name.

• Step 1: First make sure footer widgets are set to show, navigate Customizer–>Footerand 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. See screenshot below:

• 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: When finished, make sure to click “Save” in the widget editing box to save the widgets assed to your sidebar.

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

Creating sidebar

• Step 1: Navigate to Appearance–>Sidebars Generator and click the Add News button, give it a name and save it. 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.

To create product, please following these steps:

• 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: Choose Product Lookbooks for new product.
• Step 6: 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 7: Once you finish, click “Publish” to save your product.

Product Setting

• Body Custom CSS Class: Add a custom CSS class to the <body> element. Separate class name with a space.
• Heading Background Image: This option will help you choose image for background heading of product. If leave it blank, the default heading image of Shop (In Customizer settings) will be used.

• Step 1: Go to Dashboard: Navigate Products–>Lookbooks.
• Step 2: You can add new product lookbook on left hand side. Enter Name, Slug and Thumbnail for new product lookbook.
• Step 3: After fill in all information for lookbook, click “Add New Product Lookbook” to create lookbook.
• Step 4: All done, you have new lookbook which displayed on right hand side.

• Body Custom CSS Class: Add a custom CSS class to the <body>element. Separate class names with a space.
• Page Layout: you can choose Layout of Single Post page, includes Full Width, With Right Sidebar, With Left Sidebar
• Post Sidebar: this option allows to display posts on sidebar. There are 3 styles of sidebar: one is Main Sidebar, one is Shortcode Sidebar and the rest is Shop Sidebar.
• Heading Background Image: this option will help you choose image for heading by “Select Image” button. If you leave blank, the default heading image of Blog (in Customizer settings) will be used.

Post Format Setting

• Image Settings: When you selecting Image Format for your post, you will have Image Settings meta-box to choose main image of the post. Set Featured Image as main image for preview content or Choose Your Image if you want to set another image as main image for preview content.
• Galley Settings: When selecting Gallery Format, you will have Gallery Setting meta-box to add as many image as you want into your gallery and manage your preview content as Featured Image, First Image on Gallery or Image Slideshow.
• Video Settings: When selecting Video Format, you will have Video Setting meta-box where you can add video URL, and embedded video code, aspect ratio and preview content as Featured Image, Video or Featured Image as Video Thumbnail.

Create A Blog Post

Follow the steps below to create a blog post:

• Step 1: In your Admin Panel, go to Post, navigate to Add New.
• Step 2: Enter your title and choose Post Format from Format box on the right side which shows different post format options: Standard, Image, Video, Audio, Quote, Link and Gallery.
• Step 3: Add your post content in Editing field. You can use our shortcode to build your content where needed.
• Step 4: Add Categories for the post from the Categories box on the right side. You can add new category or choose from existing categories. Check the box to select Categories for your post. Add relevant Tags for your post in the Tags box, set Featured image on the right side and other setting from the sections below Editing field.

If you need detailed guide about post settings in WordPress, please find in WordPress Codex.

• Step 5: All done, click Publish to publish your post.

• 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: This is also the same spot you select the blog page as the Post page.

• Body Custom CSS Class: Add custom CSS class to <body> elements.
• Heading Background Image: this option allows you to select a unique heading image for this page.
• Home Slider: this option includes two checkbox allow you to enable Home Slider or use custom background video.
  • If checked Enable Home Slider: you can enable Home Slider which displayed on the top of your site, along with the Header. This option provides two options, include Revolution Slider (Select a slider from Revolution Slider) and Choose Slider Position (above/below Header).
  • If checked Use custom background video: You need to input the URL to your .mp4 video file on box OR you can select Video Poster Image (this option is used on Mobile where background video is not available.)

Create New Page

Now you can start creating as many pages as you wish for you site.  We also did some change to the default WordPress page setup by adding some page templates and preset options for you to build your page fluidly.

Please follow these steps to create your pages:

• Step 1: In Admin Panel, choose Page, click “Add New” on top then enter your page title. If you need to know more about Pages in WordPress, use the Help tab in the upper right of your screen.
• Step 2: In Page Attributes box on the right side, choose your Parent page. It is set by default as no parent. Pages are usually ordered alphabetically, but you can choose your own order by entering a number in Order field.
• Step 3: Also in Page Attributes box, choose your Page Template in dropdown list. See below Page Template list for more detail.
• Step 4: Start editing your page content in the editing field. You can choose to edit your content using Visual or Text editor. To build content for you page you will need to our provided Shortcodes.
• Step 5: Make other settings for the page in meta-boxes under editing field. Once you get your settings done, click Publish your page.