THEME DOCUMENTATION

Thank you for purchasing!

If you have more questions and some things not works as described then contact us via
themewaves at gmail dot com or you can contact the Facebook Page.

Coolist - Professional Portfolio & Agency Theme

1Setup Theme

1.1: Install WordPress
1.2: Install Theme
METHOD - 1 : Upload via WordPress Admin
  • Step 1 - Download Our theme on ThemeForest (Of course after purchased Your Account -> Downloads section our theme is download able).
  • Step 2 - Extract the Main Downloaded Zip file and there has coolist-v1.0.0.zip is located.
  • Step 3 - Upload this coolist-v1.0.0.zip to Appearence -> Themes - Add New and upload it.
  • Step 4 - Our Theme come with Premium and also Popular Free plugins and you need to install it and activate it.
  • Step 5 - Now you need to Import our theme Dummy Data. Check this Tutorial in Fixed Menu.
METHOD - 2 : Upload via FTP Server
  • Step 1 - Download Our theme on ThemeForest (Of course after purchased Your Account -> Downloads section our theme is download able).
  • Step 2 - Extract the Main Downloaded Zip file and there has coolist Folder is there.
  • Step 3 - Connect your website with FTP credentials(Your hosting will provide it). Now you need to go to yourwebsite/wp-content/themes/ directory and upload the coolist Folder.
  • Step 4 - After finished and theme copied to your webserver then you need to go to the Enter your website Admin area and go to Appearence-Themes directory and now Coolist is visible and activate it.
  • Step 5 - Our Theme come with Premium and also Popular Free plugins and you need to install it and activate it.
  • Step 6 - Now you need to Import our theme Dummy Data. Check this Tutorial in Fixed Menu.
VIDEO GUIDE : Upload via WordPress Admin
1.3: Update Theme
METHOD - 1 : Manually Update our Theme
  • Step 1 - Backup your Theme Current Theme Folder and Also the if Possible WordPress Database. Example: Go to your theme folder and change it to coolist-old.
  • Step 2 - Download your theme from ThemeForest and it will look like the coolist-v1.0.0.zip
  • Step 3 - Now you should extract it and it will extracted to the coolist folder
  • Step 4 - Connect your website with FTP credentials(Your hosting will provide it). Now you need to go to yourwebsite/wp-content/themes/ directory and upload the extracted files to coolist folder and replace it all.
  • Step 5 - Now you need to Refresh the website and also the check the
METHOD - 2 : Automatic Updates via The Envato Market Plugin

Envato released a plugin called Envato Market which can be used to manage all your themes and plugins purchased from ThemeForest and Codecanyon via your WordPress dashboard. This project is in beta and it is a little bit more complicated to setup but if you want to give it a try you can!

Visit Full Guide

2Importing Dummy Data

2.1: Classic Dummy Data Import Guide

Dummy Data is located in your Downloaded Main folder(from ThemeForest) named Dummy Data XML folder.

Note: Before starting Import you need to check those Resolving Dummy Data Tips. If you have problem occurred while importing dummy data then do this

  • Step 1 - Enter Admin Area: Tools -> Import and Click the WordPress from the Lists.
  • Step 2 - If you are first time to entering this section it will ask you install Plugin and please install it.
  • Step 3 - Import file and now you need to go to the main(ThemeForest) folder/Dummy Data XML/coolist-dummy-all.xml file.
  • Step 4 - After you choosing the XML it will ask you to install with Pictures and then tick this then images are imported.
  • Step 5 - Now you need to wait a few minutes and if you ticked Download Images then it will load more longer. Please be Patient
2.2: One Click Dummy Data (Auto Install Dummy Data)

After activating theme then you need to install our 3rd Party plugins and you need to install of them. Then One Click will be visible on our Theme Option tab.

  • Step 1 - Check the One Click Tab and there has all Dummy Data files are included One Click.
  • Step 2 - If you have any Dummy Data problem occurred then check those Resolving Dummy Data Tips.
Note the most Important is you need to Activate all plugins and Doing the Dummy Date Resolve issues for following. Recommended PHP settings.
  • memory_limit = 64M
  • max_execution_time = 6000
  • upload_max_filesize = 64M
  • max_input_time = 6000
  • post_max_size = 6000
  • suhosin.post.max_vars = 5000
  • suhosin.request.max_vars = 5000
  • max_input_vars = 5000
  • max_input_time = 60
2.3: After importing the Dummy Data

You need to edit the Category on Admin area Posts -> Category section.

  • Step 1 - Now please Edit the Category.
  • Step 2 - If you need any help then check the Creating Category section of Documentation.

3Introduction of Coolist

3.1: What's Theme Row Builder

Our theme based on Equal height Post based Row building. It means you can build your page posts via Row by Row. It's really easy to use and you can change the each Row Layouts for different.

  • What's New - It's Blue Position on while building new rows.
  • What's Rising - It's Yellow Position on while building new rows.
  • What's Hot - It's Red Position on while building new rows.
Post Formats

Note: This position will choose able while you create new Posts.

4Creating Posts

4.1: Themewaves Post Settings

While you inserting posts there has an Additional Metabox option will appear bottom of the main editor.

  • Post Position - You need to choose one of those 3 position and it will included Post Row Builder.
  • Inlcude it on Category Slider? - While you creating Category there has an customize options are there and if you enabled Slider then this post will include this section.
  • Inlcude it on Page Slider? - While you creating New Page There has an Row Builder area and if you enabled the Slider then this will included on Slider.
  • Choose Post Single Layout - Post Single Layout options.
Post Settings
4.2: Custom Post Type

Our theme will support 4 Custom Post Type.

  • Standard - It's default WordPress post and you can do whatever you do and don't need extra option.
  • Gallery - If you want to insert Gallery Carousel Posts then use it. Extra Gallery Upload options will be visible bottom of the Editor while you editing the Posts.
  • Video - If you want to insert Video Carousel Posts then use it. Extra Video options will be visible bottom of the Editor while you editing the Posts.
  • Audio - If you want to insert Audio Posts then use it. Extra Video Embed options will be visible bottom of the Editor while you editing the Posts.
Post Formats
4.3: Using List, Image & Gallery Shortcodes

You can use our Time Saving easy to use Shortcodes in any page or posts.

4.4: Recommended Image Sizes.

Our theme has 2 different Size Supports.

  • In Slider - Recommended Size: 1920x1080 or bigger than size.
  • Posts Small Image - Recommended Size: 640x380 or bigger than this size.
  • Post Big Image - Recommended Size: 980x540 or bigger than this size.
  • Post Fullwidth Image - Recommended Size: 1920x1080 or bigger than this size.

5Creating Category

5.1: Enable Customize?

While you creating New Categories then there has an option for customizing ability. Note that Customized Categories will be included on our Ajax Pagination Functionality.

  • Category Color? - This color will displayed on Categories on Any Homepages and also the Ajax menu and Pagination etc.
  • Category Slider - Slider can display the top of the Categories.
  • Category Layout - Category Layout is only choose able for One Layout.
  • Choose Blue section Style (What's New) - Each Post Layout has 2 Style.
  • Choose Yellow section Style (What's Trending) - Each Post Layout has 2 Style.
  • Choose Red section Style (What's Hot) - Each Post Layout has 2 Style.
  • Add it to Featured Menu on Header - You can Change main menu in this section. It will help you to display Sub Categories or any Menu Layouts on This category.
Category Settings
5.2: Re Order those Categories

You can reOrder the Taxonomies and Posts and also the Pages with these plugins. It's all free plugins and you need to download it from WordPress.org

  • Post Types Order - Download it here and it will order your WordPress Posts.
  • Category Order and Taxonomy Terms Order - This will reoder Categories, Please Download it here.
Plugin Screenshot

6Creating Page

Building Page is really fun and easy to create. Additional Options will help you build awesome functionality to your website. Check the Themewaves Post Row Builder section while you creating new Page.

  • Enable Ajax Page? - If you want to use our theme like Usatoday.com then this option will enable you to add Any Homepages to Ajax Pagination feature.
  • Enable Slider? - Post Slider section is Really cool and it will help you to build awesome Sliders and you can insert Custom Shortcodes too.
  • Row Layout - This is our main feature and Post Building is really intelligent and easy to use.
6.1: Row Layout Options Guide
6.1.1: Enable Mashable like Homepage?

Your Posts will inserted by Row by Row. If you want to insert from All Category then What's New, What's Host, What's Rising will be displayed. Note: If you chosen All Categories then please insert Only 1 Row.

6.1.2: Homepages with Few Specified Categories?

You need to select Row Style and Add More and Choose the Only 1 Category.

6.1.3: Adding Banner between those posts?

Add Custom Row element, It will help you insert Additional Shortcode or anything.
Example: <img class="banner" src="yourbanner.jpg" alt="Banner" />

7Inserting Slider

7.1: Normal Slider

While creating Page and Categories there has Slider is optional and it has many different display Type Layout. Slider has Following options.

  • Slider Layout – Slider has 7 Layout and you can insert Custom Slider.
  • Slider Fullscreen – Chosen Layout will enable Fullscreen and your Images Must be at least 1900x860.
  • Slider Background Transition – Choose from Simple, Fixed, Parallax.
  • Custom Slider – Insert custom Slider something like Layerslider, RevSlider or any Slider, Plugin Shortcode.
Note: Some Options will work only Slider Layout 1 and 2!
Slider Settings

9Tutorials

9.1: Replacing the Icon Fonts.

Our theme used Ionicons and if you want to change the icons in your own then those steps will resolve those issues. It's really complicated and i suggest you use our used ionicons and if you know what you are doing then go ahead! (It means you need advanced skill)

  • Step 1 – Locating our used fonts and it's located in our coolist/assets/fonts/ directory and CSS file is located in assets/css/ionicons.min.css.
  • Step 2 – Registering this css file is located in our functions.php line 81 and if you change into another Font CSS then you need to change it.
  • Step 3 – Our theme has used it so many locations and following are the locations.
    1. coolist/comments.php line 12
    2. coolist/assets/js/themewaves.js line 228,229,241,241,242,242,384,615,616
    3. coolist/functions.php line 217
    4. coolist/footer.php line 10
    5. coolist/footer-area.php line 39
    6. coolist/header.php line 20
    7. coolist/header-area.php line 25
    8. coolist/single.php line 141,142,194,208
    9. coolist/framework/blog_functions.php line 208,210,341
    10. coolist/framework/theme_functions.php line 180,238,246,353,504,514,663,666,669,672,675,677,679,681,712,750,755,760,765,770,775,780,785,790,795,800,805,810,815,820,825,830,835,840,845,850,855,860,865,870,977,1008
    11. coolist/framework/waves_widget/widget_instagram.php line 34,34
    12. coolist/style.css line 656,675,2796
  • Step 4 – Now you know the locations and start replacing the another Font icon classes. Be careful.
9.2: Where is the Bulk Edit.

It's just like the Deleting posts and you need to select the Posts and Set the Positions and Apply.

Bulk Edit

10 Support Rule

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency.
Occasionally we will help with small tweaks, but these requests will be put on a lower priority due to their nature.
Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.

Please visit our profile page or ask question @themewaves

Support for my items includes:
  • * Responding to questions or problems regarding the item and its features
  • * Fixing bugs and reported issues
  • * Providing updates to ensure compatibility with new software versions
Item support does not include:
  • * Customization and installation services
  • * Support for Not Popular third party software and plug-ins
Before seeking support, please...
  • * Make sure your question is a valid Theme Issue and not a customization request.
  • * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
  • * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • * Make sure to state the name of the theme you are having issues with when requesting support via ThemeForest.