Installing From the WordPress Dashboard

• Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.
• Log into your WordPress admin panel and click on the “Appearance” tab.
• Now click on the "Add New" button.
• Click on the "Upload" tab, click "Choose File" and select shadowcat.zip in the extracted folder then click "Open".
• Click the "Install Now" button.
• Activate the theme from this page by clicking "Activate", or "Return to Themes Page" and activate from there

Uploading via FTP

• Download the zipped theme pack to your computer from themeforest and extract the ZIP file to a folder on your computer.
• In the extracted folder you will find 'shadowcat.zip'. Extract this file .
• Using an FTP client to access your host web server
• Upload the Theme files in the extracted folder called 'shadowcat' to wp-content/themes directory provided by WordPress.
• Visit Admin panel -> Appearance -> Themes, look for the shadowcat theme thumbnail, then click the Activate button to activate the theme.

Manually Upload XML File

• Go to Admin panel -> Tools -> Import -> WordPress
• Install the plugin.
• Use it to upload the demo content XML file in the theme package.

1. Go to Dashboard > Tools > Import and Click on Wordpress and Install it.

2. Choose a content_data.xml file from your download package and then click on Upload file and Import

3. Assign Authors and start import, click on Submit

4. This process may take a while on some hosts, so please be patient. (some hosts between 5-6 minutes)

If you are migration from a theme which used the native featured images functionality of WordPress, please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need.

Setup A New Menu

1. Navigate to Apperance -> Menus page
2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu. You can also add menu items by entering a custom name and custom link into the Links box. To create a megamenu, see Categories Mega Menus.
4. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
5. After setting up your menu, select menu location in the Menu Settings (Top Menu for navigation in top bar and Main Menu for main navigation below header)
6. Once its all done, make sure you click the Save button.
7. You can change menus locations at any time from Manage Locations tab .

Categories Mega Menus

The theme features a mega menu for category menu items to display latest posts in the corresponding category

• Add the Category you want to the menu.
• In the setting panel of category menu item there will be a checkbox called BK Megamenu.
• Check it if you want to make that category menu item a megamenu or uncheck to make it a normal menu item.
• Don't forget to set the menu location to Main Menu by clicking checkbox Main Menu in Theme locations section of Menu Settings.
• Click Save Menu to finish.

Column Menu Settings

The theme features a mega menu for column menu items to display your features in the columns

Watch this video setup tutorial for your reference (We do this example on another theme (shadowcat Theme) but the setting flow is the same with shadowcat Theme)

The theme is fully compatible with Login with ajax plugin All you need to do is install the plugin to have this beautiful feature.

Then, you need to access theme options to enable the login function in header (Theme Options -> Header Settings -> Enable header Ajax login)

Breadcrumb that can be activated through Theme Options let you help your readers and Search Engines better discover and view all your content

You can enable breadcrumb in Theme Options -> Page Settings -> Breadcrumbs Setting -> Show

The theme supports a pagebuilder that you can easy build your content by drag and drop modules into the homepage sections .

Drag and Drop Homepage Builder

1. Go to Admin panel -> Pages -> Add new to create a new page.
2. Enter title for your homepage, example: Home Page. In the Page Attributes box, select Page Builder in Template option.
3. Click Update

You will see the Pagebuilder interface like this.

There are three sections:

1. Fullwidth Section
2. Content Section

Full Width Section:

1. Click Fullwidth Section Thumbnail, then the Fullwidth section will be appeared.
2. There are 16 modules that can be used in this section
   • BK Grid With Center Slider
   • BK Feature 1 (Grid Carousel)
   • BK Feature 2 (Slick Slider)
   • BK Grid
   • BK Video Playlist
   • BK Carousel
   • BK Row
   • BK Hero
   • BK FullWidth Slider
   • BK Masonry
   • BK Square Grid
   • BK Tiny Row
   • BK Single Ads
   • BK Two Cols Ads
   • BK Three Cols Ads
   • BK Adsense

Content Section:

1. Click Content Section Thumbnail, then the Content section will be appeared.
2. There are 12 modules that you can use in this section
   • BK Grid
   • BK Carousel
   • BK Square Grid
   • BK Post Block 1
   • BK Post Block 2
   • BK Masonry
   • BK Classic Blog
   • BK Large Blog
   • BK Tiny Row
   • BK Single Ads
   • BK Two Cols Ads
   • BK Adsense
3. Sidebar Select

Setup front page

1. Once you finish building the homepage content, go to Settings -> Reading to set up your homepage.
2. In Front page displays option, choose A static page. In Frontpage option below, choose the page that you have just created in the steps above, example: Home Page. Click Save changes.
3. Go to your site home url to check if your homepage has been set.

shadowcat supports 3 section types with many modules come with it. The layouts you can create is unlimited. Below are videos guide of each module.

Fullwidth Section

1. BK Grid With Center Slider

   

2. BK Feature 1 (Grid Carousel)

   

3. BK Feature 2 (Slick Slider)

   

4. BK Grid

   

5. BK Video Playlist

   

6. BK Carousel

   

7. BK Row

   

8. BK Hero

   

9. BK FullWidth Slider

   

10. BK Masonry

    

11. BK Square Grid

    

12. BK Tiny Row

    

Content Section

1. BK Grid

   

2. BK Carousel

   

3. BK Square Grid

   

4. BK Post Block 1

   

5. BK Post Block 2

   

6. BK Masonry

   

7. BK Classic Blog

   

8. BK Large Blog

   

9. BK Tiny Row

   

The theme will auto generate a logo for your site base on the site title, but it's recommended that you upload your own logo.

1. Navigate to Theme Options -> Header Settings tab .
2. In the Site logo section click Upload button and select your logo image.
3. Once uploaded click Save changes button to save your site logo.

1. Navigate to Appearance -> Customize -> Site Identity .
2. In the Site Icon section click Select Image button and select your favicon image.
3. Once uploaded click Save changes button to save your site favicon.

Choose site color scheme

• In Admin panel, go to Theme Options -> General Settings tab
• Here you can choose a primary color and review system color for your site.
• Click Save changes to save setting.

Site Typography

• Navigate to Theme Options -> Typography settings .
• Choose font options for your site. The theme supports all Google Fonts. Header font affects menu titles, category titles and module titles. Title font affects post titles. Text font affects text body, excerpt...
• Click Save changes to save settings.

Featured images for the posts

All of your posts must have a featured images .. these images will appears in the slider , post modules , sidebar .. etc

Post format

The theme support 5 WordPress post formats: Standard, Gallery, Video, Image, Audio.

Add or edit format of a post

• In post edit page, choose post format in the Format box on the right.
• Enter information for the corresponding format options in BK Post format options box:
• Post format video and audio: enter the url of the video or audio item. The theme support link from Youtube, Vimeo and Souncloud.
• Post format image: click Select files button to select images or drag images in to image upload area to upload image to the post.
• Post format gallery: click Select or Upload images button to add a gallerry to the post.

Gallery Format

Video Tutorial for Gallery Post Format

Coming Soon

Wordpress Native Gallery Post

Video Tutorial for wordpress native Gallery post

Coming Soon

Adding a Review Post

1. From the BK Review System box in the post edit page .
2. Tick the checkbox Enable Review On This Post.
3. Enter the criteria name and use the slider to adjust rating score. The Final average score will be calculated automatically.
4. There is no limit criteria field in a review box. You can click Add more Button to create a new criteria field
5. Type the Summary textarea your summary for the review item.
6. You can create lists of pros and cons by enable postitive and negative Author Review.

   

   Click + button to add one more field
7. Check to enable/Disable user review
8. Setup position for review box in single page
9. Click Publish or Update button to save.

Single Post Custom Setting

Post Title Setup

There are 2 options:

1. Title in article content Section
2. Wide Title (This is suite for the long title)

Post Layout

There are 3 options: (Please take a look these option on the live demo site, from the main menu bar -> Post layout

1. Standard
2. Standard 2
3. Fullwidth Feature Image

Feature Image Config

Cannot be used in Fullwidth Feature Image layout

Remove the sidebar

Click to display or remove the sidebar on the post

Sidebar Position

Choose between left and right position

Share Box Sticky

Show/hide share box sticky when you scroll up/down

Category layout

You can choose layout for each category. To learn more about what layouts use can choose, see Blog and Archive layout

1. In Admin panel, go to Posts -> Categories
2. Click a category to edit it
3. In Category edit page, choose a desire layout for current category in Category layout option
4. Sidebar: This option is used to setup choose a sidebar for each category page.
5. Click update to save

The theme has 6 blog layouts that can be set seperately for each page and category.

1. Classic Blog: Blog layout with small thumbnail. This layout has sidebar.





2. Large Blog: Posts are displayed with large thumbnail. This layout has sidebar.





3. Masonry with sidebar: Posts are displayed in a two columns Masonry layout. This layout has sidebar.





4. Masonry without sidebar: Posts are displayed in a two columns Masonry layout. This layout has no sidebar.





5. Square Grid with sidebar: Posts are displayed in a two columns Masonry layout. This layout has sidebar.





6. Square Grid without sidebar: Posts are displayed in a two columns Masonry layout. This layout has no sidebar.

Setting page layout

1. In Admin panel, go to Theme Options -> Page Layout tab
2. For each page listed, choose a desire layout and sidebar.
3. Click Save to save option.

The theme supports an option allow you to setup your sidebar sticky or not.

To setup your sticky sidebar, go to Theme Options -> Pages Settings -> Sticky sidebar (For each page)

Footer Instagram

Click Enable Instagram, then put the Instagram Information the required field

Scroll top button

The scroll top button allows you choose between enable or disable the scroll top button

Copyright Text

Fill the Copyright text to the text area

In Admin panel, go to Theme Options -> Site Layout tab. Here you can set up your site layout.

Boxed And Wide

Site layout section allows you to switch between boxed and wide layout. When boxed layout is chosen, an option for setting site background will appear. Select a color for your site background of click Upload button to use a image instead.

Site Background

You can easily choose a background color or upload a background image for your site

RTL Mode

Select to Enable/Disable RTL mode

Sidebar Location

Sibar location allows you to switch between left or right position of sidebar

Sidebar responsive option

This option allows you to enable/disable sidebar for small device ( device width < 991px)

The theme supports unlimited sidebar, To generate a new sidebar, Please Install the Sidebar Generator Plugin which was recommended when you installed the theme, then please follow these steps

1. Select sidebars option in appearance



2. Click Add New Sidebar
3. Fill Sidebar name
4. Click OK

The theme supports the following shortcodes that can be used in shortcode module (of pagebuilder)

You can also use these shortcodes in post editor (without [bkend] at the end of each shortcode)

1. Youtube Video Shortcode

   [youtube_embed src="PUT YOUR YOUTUBE URL HERE"/]
   [bkend]

   Example:

   [youtube_embed src="https://www.youtube.com/watch?v=e-ORhEE9VVg"/]
   [bkend]

2. Vimeo Video Shortcode

   [vimeo_embed src="PUT YOUR VIMEO URL HERE"/]
   [bkend]

   Example:

   [vimeo_embed src="https://vimeo.com/108210854"/]
   [bkend]

3. One Half Shortcode

   [one_halfs]
   [one_half]PUT YOUR CONTENT FOR THE FIRST COLUMN[/one_half] 
   [one_half]PUT YOUR CONTENT FOR THE LAST COLUMN[/one_half]
   [/one_halfs]
   [bkend]

   Example:

   [one_halfs]
   [one_half]Ultrices habitant sociosqu leo vestibulum. [/one_half] 
   [one_half]Id id condimentum sed ut mattis aenean dis sollicitudin sed volutpat[/one_half]
   [/one_halfs]
   [bkend]

4. 1/3 1/3 1/3 Column Shortcode

   [one_thirds]
   [one_third]PUT YOUR CONTENT FOR THE FIRST COLUMN[/one_third] 
   [one_third]PUT YOUR CONTENT FOR THE SECOND COLUMN[/one_third] 
   [one_third]PUT YOUR CONTENT FOR THE LAST COLUMN[/one_third] 
   [/one_thirds]
   [bkend]

   Example:

   [one_thirds]
   [one_third]Ultrices habitant sociosqu leo vestibulum.[/one_third] 
   [one_third]Ultrices habitant sociosqu leo vestibulum. [/one_third] 
   [one_third]Ultrices habitant sociosqu leo vestibulum. [/one_third] 
   [/one_thirds]
   [bkend]

5. 2/3 1/3 Column Shortcode

   [twothird_onethird]
   [two_third]PUT YOUR CONTENT FOR THE TWO THIRD COLUMN[/two_third]
   [one_third]PUT YOUR CONTENT FOR THE ONE THIRD COLUMN[/one_third]
   [/twothird_onethird]
   [bkend]

   Example:

   [twothird_onethird]
   [two_third]Ultrices habitant sociosqu leo vestibulum. [/two_third]
   [one_third]Ultrices habitant sociosqu leo vestibulum. [/one_third]
   [/twothird_onethird]
   [bkend]

6. Info Box Shortcode

   [bkinfobox backgroundcolor="PUT YOUR COLOR CODE" title="PUT YOUR TITLE"]PUT YOUR CONTENT[/bkinfobox]
   [bkend]

   Example:

   [bkinfobox title="Info box" backgroundcolor="#F8F8F8" ]Ultrices habitant sociosqu leo vestibulum. Euismod, fermentum per aptent Nibh dictumst lorem quis viverra[/bkinfobox]
   [bkend]

7. Accordion Shortcode

   [accordions]
   [accordion title="PUT YOUR TITLE"]PUT YOUR CONTENT[/accordion]
   ...
   [/accordions]

   Note: You can put multi accordion shortcodes. See the example below for 3 consecutive accordion shortcodes

   [accordions]
   [accordion title="Accordion Title 0"]Accordion Content 0[/accordion]
   [accordion title="Accordion Title 1"]Accordion Content 1[/accordion]
   [accordion title="Accordion Title 2"]Accordion Content 2[/accordion]
   [/accordions]

8. Tabs Shortcode

   [tabs]
   [tab title="PUT YOUR TAB TITLE"]PUT YOUR TAB CONTENT[/tab]
   ...
   [/tabs]
   [/bksctabs]
   [bkend]

   Example:

   [tabs]
   [tab title="Tab Title 0"]Tab Content 0[/tab]
   [tab title="Tab Title 1"]Tab Content 1[/tab]
   [tab title="Tab Title 2"]Tab Content 2[/tab]
   [/tabs]
   [bkend]

9. Parallax Image Shortcode

   [bkparallax image_url = "PUT YOUR IMAGE URL" url = "PUT YOUR URL" title = "PUT YOUR TITLE" text_desc= "PUT YOUR DESCRIPTION"][/bkparallax]
   [bkend]

   Example:

   [bkparallax image_url = "http://localhost/wordpress/wp-content/uploads/2015/01/2390379489_4ab06f3536_b-.jpg" url = "sense.bk-ninja.com" title = "Parallax Image" text_desc= "Mauris viverra nunc congue augue euismod suscipit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos"][/bkparallax]
   [bkend]

10. Team Shortcode

    [bkteam number="PUT YOUR NUMBER OF AUTHOR TO BE SHOWED" item_in_row = "PUT THE NUMBER OF ITEMS IN A ROW (Recommend: put 3 for the content has sidebar section and 4 for the full width section)"][/bkteam]
    [bkend]

    Example:

    [bkteam number="6" item_in_row = "4"][/bkteam]
    [bkend]

11. Author Box Shortcode

    [authorbox authorid = "PUT THE AUTHOR ID"][/authorbox]
    [bkend]

    Example:

    [authorbox authorid = "1"][/authorbox]

12. Button Shortcode

    [buttons]
    [button href="PUT THE LINK HERE" name="PUT THE BUTTON NAME" backgroundcolor="PUT THE BACKGROUND COLOR CODE" textcolor="PUT THE TEXT COLOR CODE"]
    ...
    [/buttons]
    [bkend]
    

    Example:

    [buttons]
    [button href="#" name="Button 1" backgroundcolor="#FE6969" textcolor="#fff"]
    [button href="#" name="Button 2" backgroundcolor="#FACE00" textcolor="#fff"]
    [/buttons]

13. Google Adsense Shortcode

    Example 1: Float Left

    [bkga float="left"]Google Adsense Code[/bkga]

    Example 2: Float Right

    [bkga float="right"]Google Adsense Code[/bkga]

Sense can be used with WooCommerce 2.1+ to setup an eCommerce Shop

Sample Content

Sense uses the WooCommerce's default sample content. Follow the official WooCommerce Dummy Data guide.

Setting up a custom sidebars for your shop

1. You can use the Sidebar Generator to generate a sidebar for Shop.
2. Go to Theme Options -> Pages Setting -> Choose a Sidebar for Shop page -> Save
3. You also disable Shop sidebar in above option

Header Cart Icon

After install Woocommerce plugin, you can enable cart icon in header that can count your cart item and list them by ajax

Step 1: You can enable header cart icon in Theme Options -> Header Setting -> Header Cart Icon

Step 2: Access Appearance -> Widget - Drag Woocommerce Cart Widget into Small Cart Widget Holder. See the below image

Sense can be used with bbPress with fully compatibility offered since version 1.5

Create Forum page:

1. Create a new WordPress page
2. Give this page a title, e.g: Forum, Community, Support Forums ...
3. Paste the following shortcode in your page: [bbp-forum-index]
4. Publish.

Create Register page:

1. Create a new WordPress page
2. Give this page a title, e.g: Register ...
3. Paste the following shortcode in your page: [bbp-register]
4. Publish.

Create Lost Pass page:

1. Create a new WordPress page
2. Give this page a title, e.g: Lost password ...
3. Paste the following shortcode in your page: [bbp-lost-pass]
4. Publish.

Create categories:

1. Go to Forums -> New Forum.
2. Enter the required info and on the right side, under Forum Attributes, select Category next to "Type".
3. Publish.

Create forum:

1. Go to Forums -> New Forum.
2. Enter the required info and on the right side, under Forum Attributes, next to Parent, select the category you created in the instructions above..
3. Publish.

This theme may be updated periodically in order to add new features and fix bugs. When a new update be available an update message will appears on your WordPress dashboard . As a customer, you can download the most current version from your ThemeForest account.

Updating Automatically

Envato have developed the Envato Toolkit Plugin for WordPress. You can use this to receive notification of updates to themes purchased from ThemeForest and to automatically update (upon clicking) directly from within your WordPress admin area.

• Download the plugin zip file to your computer.
• In your WordPress admin area, go to Plugins -> Add New then click Upload.
• Click Choose File, select the plugin zip file you downloaded and click Install Now.
• After installation, click Activate.
• Click the new Envato Toolkit link in the menu and follow the instructions to configure the plugin.

Updating Manually

• Download the most current version from ThemeForest in the "Downloads" area of your account.
• Unzip the package and locate shadowcat.zip in the theme folder.
• Go to Appearance -> Themes and activate another theme such as the default WordPress theme.
• Delete the shadowcat theme which is now inactive.
• Go to Install Themes -> Upload then install and activate shadowcat.zip from the new package.

shadowcat is able to be translated into any language. The process of translating the theme is a user responsibility. The following instructions are given as guidance.

1. The first thing you need to do is to make sure that the theme has the appropriate language file. The default language files and eventually, the bonus ones are located in the theme's directory in the /languages/ directory. They are .po and .mo files.
2. If you don't find the appropriate language file for your target language then you must copy the default.po file and rename the copy accordingly to your desired language. The language files names must have this format "ll_CC", where "ll" is an ISO 639 two-letter language code (lower case) and "CC" is an ISO 3166 two-letter country code (upper case). The country code specification is not redundant: Some languages have dialects in different countries. For example, ‘de_AT’ is used for Austria and ‘pt_BR’ for Brazil. The country code serves to distinguish the dialects. See Language Codes and Country Codes for the lists of codes.
3. So let's say you want to translate to Brazilian Portuguese and you have copied default.po to pt_BR.po. Now you have to edit it using the world's favorite free .po editor, PoEdit (http://www.poedit.net/download.php).

   

4. Once you open the file you will be presented with the list of all the English strings on the left side and their translation (if present on the right). To translate simply click on a line and on the bottom of the window, you can enter your translation. More info here: http://en.wikipedia.org/wiki/Poedit
5. Once you are done simply hit save in PoEdit and this will automatically save the .po file and generate/regenerate the .mo file (a binary file).
6. Now all you have to do is change the language of your WordPress installation. To do this you need to go to Settings -> General -> Site Language and choose your appropriate language.

You can reopen the .po file at any time and change, continue to translate, etc.

All done.

If you have any problem with the theme, you can post your question on ThemeForest comment section or email us at bkninja.team@gmail.com. We will try to answer as fast as possible. Our timezone is GMT +7.

If you like this theme please help us rate it 5 stars on ThemeForest by following the instruction below. We appreciate your kindness so much!