Sungit Pro Documentation Introduction Welcome to Sungit Pro! We would like to thank you for purchasing Sungit Pro, responsive WordPress theme created especially for Music, Artist, Bands, Concerts and Events. It is the premium version of Sungit Lite. Before you get started, please invest some time to go through the documentation. Sungit Pro can only be used with WordPress and we assume that you already have WordPress installed and ready to go.

Installation

● Manage your theme To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex article on installation.

● Installation

The theme files can be uploaded in two ways:

● FTP Upload: Using your FTP program, upload the unzipped theme folder into the /wp-

content/themes*/ folder on your server. ● WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and

select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed. ● Once the theme is uploaded, you need to activate it. Go to Appearance> Themes and activate

your chosen theme. * It is very important you upload only the theme files, not the entire package of Sungit Pro. After downloading the Theme Files, please make sure you unpackage/unzip the full download to reveal the compressed directory of just theme files.

The Sungit Premium Package consists of following folders.

1. Theme Folder – Inside this folder, zip file of Sungit Pro theme is included. 2. Required Plugins Folder – This folder consist the required/mandatory plugin files that

are necessary to run the theme properly. 3. Recommended Plugins Folder – This folder consist the recommended plugin files which

can be used as per your necessity. 4. Documentation Folder – Consists the documentation file. Please go through the full

documentation once before setting up the website using Sungit Pro theme.

5. Demo Content Folder – Consist the demo contents from our demo https://demo.yudleethemes.com/sungit/

Installing required and recommended plugins After Installing and activating the theme you will see the following message at the top of the admin dashboard page. This theme requires few following plugins. Click, begin installing plugins link which will redirect to Install Required Plugins page.

Bulk install required and recommended plugins You can install or update the required and recommended plugins at once just by clicking into “Begin Installing Plugins”.

Required Plugins WooCommerce: With WooCommerce plugin you can sell your musical albums, single songs, and many other products. It is the most required plugin for a store based theme and show casing the product.

Yudlee Themes Essentials: The plugin consists of set of Custom Post Types like Sliders, Music, and Video etc. and other functionalities necessary for the Theme to run properly. Plugin zip file is also provided separately and also consists in Premium Package under Required Plugins Folder.

Recommended Plugins YITH Event Tickets for WooCommerce - Start selling tickets for all sorts of events on your own website using YITH Event Tickets for WooCommerce.

Installation

Demo Content Import Demo files are already included in the Sungit Premium Package under ‘Demo Content’ titled folder. There are thee demo content files.

1. Content-and-menu.XML This file consist the contents of pages, posts, medias, menus and other contents.

Use plugin WordPress Importer and Export WordPress Menus to import this content.

2. Customizer-Content.dat This file consist the content of the customizer from the demo. Use plugin

Customizer Export/Import to import this content. 3. Widgets.wie

This file consist the demo content of widgets from our demo. Use plugin Widget Importer & Exporter to import the widget contents.

Setup Home Page as Demo site: To make your site’s homepage look like exactly like our demo, Step 1: Go to Page, Click on Add New. Step 2: Enter the title (example: “Home”).On right sidebar there you can find Page Attributes, On Template please Select on Home. Step 3: Click on Publish and continue other steps described below.

Customizing the homepage as the demo image, After Successful creation of the page, Click on View Page Located at the top bar.

Now you may have the homepage as below screenshot. If not don’t worry there may be other setting to configure. You can surely find in the documentation.

Now you need to configure homepage as the default page so please go to Settings > Readings. Choose “A static page” and choose “home” as Homepage. If you want to show blog posts then create a page called “blog” and assign it to the blog page.

If the homepage is missing some sections like feature product section , social section , footer sections then they needs to be configure through the customizer setting which is described below one by one . Please go through the documentation.

Set up your website

Before building your site you need to configure WordPress and the plugins. Please read carefully Theme Installation/Plugin Configuration. Creating Homepage: To make your site’s homepage look like exactly like our demo, Step 1: Go to Page, Click on Add New. Step 2: Enter the title (example: “Home”).On right sidebar there you can find Page Attributes, On Template please Select on Home. Step 3: Click on Publish and continue other steps described below.

WordPress Configuration

You can adjust WordPress settings as follows: 1. You can set Site Title in Settings > General. 2. You can set Blog pages show at most in Settings > Reading. 3. You can select Front Page and Posts Page in Settings > Reading. 4. You can set Discussion settings in Settings > Discussion. 5. You can change image sizes in Settings > Media. 6. You should ensure that a non-default permalink setting is selected, e.g. Post name in Settings > Permalinks.

Posts Creating posts Step 1: Navigate to Posts in your WordPress admin sidebar. Step 2: Click on the Add New option to make a new post. Create a title, and insert your post content in the editing field. Step 3: Select Post Format from the right side. Step 4: Add categories from the right side. To assign it to the post, check the box next to the category name. Step 5: Add tags from the right side. Type the name of the tag in the field, separate multiple tags with commas. Step 6: You can add featured image. To do so, first click the featured image box, select an image and click the set featured image button.

Sungit Pro Custom Post Types

Pages New pages can be added by clicking pages on admin dashboard and can be assigned to various templates on the right side.

Page Templates There are various page templates that you can choose.

Default Template (default page template)

Full Width Page

Home ( Same like Demo) How to set up FrontPage as shown in demo? To make your site’s homepage look like exactly like our demo, Step 1: Go to Page, Click on Add New. Step 2: Enter the title (example: “Home”).On right sidebar there you can find Page Attributes, On Template please Select on Home.

Customizing the homepage as the demo image, After Successful creation of the page, Click on View Page Located at the top bar.

Now you may have the homepage as below screenshot. If not don’t worry there may be other setting to configure. You can surely find in the documentation.

Now you need to configure homepage as the default page so please go to settings > readings. Choose “A static page” and choose “home” as Homepage. If you want to show blog posts then create a page called “blog” and assign it to the blog page. The demo of the front page can be further divided into following sections. You should navigate into Appearance > Customizer > Theme Options and find the similar settings for the sections listed below.

1.0 Theme Options

Theme options is the essential option for the theme. It generally contains settings related to “HomePage”

The screenshot for theme options:

Theme options contains 14 settings for the homepage which need to be adjust in order to make as demo website. Below are the explanation one by one.

1.1 Themes Options:

Generally there are 14 Theme Options. Listed as:

1. Social Options 2. General Options 3. Top Header Options 4. Slider Options 5. Intro Section 6. Counter Section 7. Album Options 8. Event/ Ticket Section 9. Video Section 10. Product Section 11. CTA Section 12. Blog Options 13. Footer Options 14. Sort Section

1.1.1 Social Icons:

Social Icons are displayed on the Intro Section on Homepage.

Here is the process to display social icons?

Step 1: Click on Show Social icons.

Step 2: Provide all the links and click on publish.

Again, go to Intro Sections and Click Show Social links

1.1.2 General Options: General Options consists of settings for sidebar and removing the default values of the customizer data.

To reset the value of customizer:

Step 1: Click on Reset all default settings. (Refresh it to view the effect).

Step 2: Reload the page and all the customizer data will removed to default values.

To change the sidebar layout:

First you need to set Sidebar in order to change the Sidebar Layout.

Go to theme Dashboard>Appearances>Widgets>Sidebar.

Step 1: Click Sidebar then you can see Sidebar categories.

Step 2: Click any particular sidebar category and set the title.

Step 3: Click Save.

Step 4: Go to Blog Section (Homepage>Blog) and there you can see Sidebar that you have just created.

Now you are allowed to change the Sidebar layout.

Step 1: Choose any sidebar layout (Right, No or Left sidebar).

Step 2: View with live change and click on Publish.

Remember you can also create WooCommerce Sidebar on the products page.

Step 1: Go to Dashboard>Appearances>Widgets and WooCommerce Sidebar.

Step 2: Click on the respective sidebar categories and then set the title same as above.

Step 3; Then go to Shop (Homepage>Shop) and you could see the WooCommerce Sidebar that you have just created.

*If you want to change the layout of Sidebar then go through the above mentioned steps.

1.1.3 Top header Options:

Top Header Options contains Itunes and Spotify.

Steps: Enter all the details. For icons you can choose any one from the Links.

1.1.4 Slider Options

Step 1: First install Yudlee Themes Essentials plugin. Now Banner Post Type will be seen on the backend.

Step 2: Click on Slider. And click on Add New Slider.

Step 3: Fill Banner Extra Settings Options. E.g. Enter Banner short descriptions, Button Title, Button Link and Image. And Click on Publish.

Banner section has two options:

1. Single image banner and

2. Slider Banner

Go To Customizer Options > Banner Options. Click on Slider Banner and click on publish.

For single image banner you just need to insert the title, description, add image, button text and link.

1.1.5 Intro Sections

Sungit Pro offer Intro Sections where you can add introduction of your website.

First you need to create Intro Page from backend.

To create the Introduction Page. Go to Dashboard>Pages> Add New Page

Step 1: Enter Page title

Step 2: Add Page Description and Set Featured Image.

Step 3: On Page Attributes, Select “Default Template” on Template

Step 4: Click Publish.

Now Go to Intro Sections which in under Customization>Theme Options

Step 1: Select Hide or show Intro Section in Homepage.

Step2: Choose Introduction Page from the Page list and Add Intro Title.

Step 3: Click Publish.

1.1.6 Counter Section:

This section shows the remaining time of the Events.

Go to Theme Options>Counter Section

Step 1: Add Title and Event Venue on the Counter text 1 and 2 respectively.

Step 2: Add remaining time from Counter Date and Click Publish.

To can also hide Counter Section if you wished to.

1.1.7 Album Section

How to Create Album?

Go to Backend> Music> Albums

Step 1: Add Album Title (e.g. Tracy Chapman)

Step 2: Add Description and Album year

Step 3: Set Image and Click Add New Category.

After that go to Media and Click Add new Media.

Then Drop the song from media library or select from the files.

Let’s say I picked the song of “The ChainSmokers”

Again Go back to Music> Add New Music

Step 1: Enter song’s title (e.g. The ChainSmokers- Closer)

Step 2: Select the name of the Album that you have created earlier I.e. Tracy Chapman (See how to create Album)

Step 3: Pick the song (The ChainSmokers-Closer) from MP3 File.

Step 4: Set image if you want or else click publish.

Finally, go to Customization>Theme Options>Album Section

Step 1: Add Album Title and Description

Step 2: Then Click one the songs from the Select Category.

1.1.8 Event / Ticket Section

You can add full details of Upcoming Events.

Note that you need to install required WooCommerce Plugin.

Go to Dashboard>Products> Add New Products

Step 1: Add Event Title and Description

Step 2: Select “Even Ticket” on Product Data.

Step 3: Set Ticket Price and Date

Step 4: Add Product’s Short Description

Step 5: Product Image and Product Gallery

Step 6 Click Publish.

After that, go to Theme Options>Event/Ticket Section

Step 1: Select Events title and Description

Step 2: Select your desired No. of Post

Step 3: Add Button Text and Background

Step 4: Click Publish

1.1.9 Video Section

To Add Video Section on Homepage

Go to Dashboard>Video>Add New Video

Step 1: Enter Title of the Video

Step 2: Then Click Add Media and upload Video

Step 3: Set feature Image and Click Publish

If you want to add Video category then Go to Dashboard>Videos>Video Category

Step 1: Set Name, Slug and Description of Video

Step 2: Click Add new Category.

Then go to Theme Options>Video Section

Step 1: Enter Video Title and Description

Step 2: Set No. of Posts

Step 3: Select Category (optional) and click Publish

1.1.10 Product Section

In order to add Products in the Homepage, First of all you need to Add Product Categories.

Go to Dashboard> Products> Categories

Step 1: Add new categories

Step 2: Enter Product Title and description

Step 3: Upload Thumbnail Image

Step4: Click Add New Category

After setting Product Categories then go to Add New Product.

Step 1: Set the Product Title and description

Step 2: Set the Price of the Product. (You can also set Sale Price)

Step 3: Set Product Short description and featured Image

Step 4: Choose a Product category that you want to list your product

Step 5: Click Publish.

1.1. 11 Call to Action Section (CTA)

For Call to Action Section below are the steps:

Step 1: Show or hide CTA Section on Homepage.

Step 2: Add Title, Description, Button Text and Link

Step 4: Set Background Image and Click Publish.

1.1.12 Blog Sections

First create a Post from Post which is located in Backend. Then after go to Theme Options and Blog Options

1.1.13 Footer Section

To add and Set Footer Section here are the steps

Step 1: Add footer text

Step 2: Add developed by text

Step 3: Add developed by link

1.1.14 Sort Sections

From Sort Sections you can Reorder home Layouts.

Step: Simply Drag and Drop the sections in your desired order.

1.2 Colors

From Colors you can set

Header Text Color

Background Color

Theme Color

1.3 Site Identity

Go to homepage > customize > Site Identity. Logo: It changes the main logo of the site.

Site Title: It changes the main site title of the site.

Tagline: It changes the tagline (i.e. Description) of the site. Just below site title.

Site Icon: The Site Icon is used as a browser and app icon for your site. Icon must be square, and at least 512px wide and tall.

Set your site’s title, description and add logo by navigating to Customizer > Site Identity.

1.4 Header Image

This section allows you to add different header images for other pages. Navigate to Customize > Header Image.

In Header Image Options you can add new image in the Header section by clicking Add new image.

1.5 Menus

Step 1: Go to backend. Click Appearance > Menus.

Step 2: Enter Menu Name. And assign menu.

Step 3: Click on Create Menu.

Step 4: Now at the bottom you can find Menu Setting with auto add pages and display location. Click on Primary Nav and click on save.

Or, you can create Menu from Customization as well

1.6 Widgets

Footer Widgets, Go to Homepage customize>widgets. You can find Sidebar and 3 Pre-Footer Options.

Another Steps to add a widget

Step 1: Go to backend. Click on Appearance>Widgets

How to manage background image? This section allows you to add background images for website.

● Navigate to Customize > Background Image ● Select the image for Background available on media library or upload from the other

location. ● Click Save & Publish.

How to manage additional CSS? Go to Appearance > Customize >Additional CSS, you can add extra CSS to tweak your website’s design.

---------------------- EOF ---------------------

Shop: http://yudleethemes.com/ Support: http://yudleethemes.com/support/ Customization Request: http://yudleethemes.com/support/#customization_support Tickets: http://yudleethemes.com/my-tickets/