Cosmo Slider

Installation

The easy way
1. Download the plugin (.zip file)
2. In your Admin, go to menu Plugins > Add
3. Select the tab “Upload”
4. Upload the .zip file you just downloaded
5. Activate the plugin
6. A new menu will appear in your Admin

The old way (FTP)
1. Once you buy the plugin, you will get zip folder.
2. Unzip the folder and Upload `cosmo-slider` folder to the `/wp-content/plugins/` directory
3. Activate the plugin through the ‘Plugins’ menu in WordPress
4. A new menu will appear in your Admin

Was this helpful? Yes No Suggest edit

Steps to create new slider

In Cosmo Slider, creating a new slider is very easy. You just need to follow few steps and slider will get created.
Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Custom slider) =>

pointelle_create_new

Specify slider name as per your requirement and click on Next =>

pointelle_slidername

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider’s Easy builder will get appeared. Now to add slides into the slider, click on Add slides option, then popup box will get open choose any type of slide like blank/post/page/media/social networking sites and insert into a slider.

cosmo_add_slides

Was this helpful? Yes No Suggest edit

Slider Types

NOTE: While creating a new Slider there will be some types that will be present by default. But for some such as WooCommerce Slider, Post Attachments Slider, RSS Feed Slider etc. will not been shown unless the plugin is activated. Ones the plugin is activated it will list the following in Slider Types.

Was this helpful? Yes No Suggest edit

Recent Post Slider

Recent Post Slider will shows your recent posts, which you have created in WordPress’s post section.

Step by step process to create Recent Posts Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Recent Posts slider) =>

pointelle_recent

Specify slider name as per your requirement and click on Next =>

pointelle_recentname

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on front end.

Was this helpful? Yes No Suggest edit

Category Slider

Category Slider will shows your category posts, which you have selected to fetch into slider as a slide.

Step by step process to create Category Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Category slider) =>

pointelle_category

Specify slider name as per your requirement, select category (All your category list will appear in select box) and click on Next =>

pointelle_selectCat

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display slider on the front end.

Was this helpful? Yes No Suggest edit

Custom Slider

In Cosmo Slider, creating a new slider is very easy. You just need to follow few steps and slider will get created.
Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Custom slider) =>

pointelle_create_new

Specify slider name as per your requirement and click on Next =>

pointelle_slidername

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider’s Easy builder will get appeared. Now to add slides into the slider, click on Add slides option, then popup box will get open choose any type of slide like blank/post/page/media/social networking sites and insert into a slider.

cosmo_add_slides

Was this helpful? Yes No Suggest edit

Taxonomy Slider

In Cosmo Slider 3.0, we are providing inbuilt support for Taxonomy add-on. You can fetch various types of posts into slider using taxonomy parameter.

Step by step process to create Taxonomy Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Taxonomy slider) =>

pointelle_taxo

Specify slider name as per your requirement,
Post Type: select type of posts to fetch. e.g. post, pages, revision,

Taxonomy: Choose any type of taxonomy from select box. e.g. category, post_tag, post_format.

Terms: Depending on selection of taxonomy related terms will get appeared.

Operator: Choose operator to get posts with relation.

Author: Select Author to fetch particular author’s posts.

and click on Next =>

pointelle_taxodata

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display slider on the front end.

Was this helpful? Yes No Suggest edit

Image Slider

Image slider is a best option to show slide show of images in an attractive manner. In Image slider you can use your media images or you can upload from outside.

Step by step process to create Image Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Image slider) =>

pointelle_image

Specify slider name as per your requirement and click on Next =>

pointelle_imagename

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next =>

cosmo_layout

Upload Images and click on Next.

pointelle_upload

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

Facebook Slider

Facebook slider, will fetch images and respective content of the image into a slider. To create Facebook slider, you need to create an API key on facebook

Steps to create a Facebook API key:
1. Click on this link to create Facebook App. If site asks for login. Please login to facebook account.

2. Click on Create new App.

3. Provide your details and create app

4. You will get App after successfully complete process.

Put your into Admin panel => Cosmo Slider => Global settings => API Keys => Facebook App key and save changes.

fb (1)

Make sure that while adding the Secret key in the settings it is added correctly as it is hidden initially.

Step by step process to create Facebook Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Facebook slider) =>

pointelle_fbc

Specify slider name as per your requirement, put facebook page url to fetch album and select album to fetch images. click on Next =>

pointelle_fbname

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

Instagram Slider

Instagram slider, will fetch images and respective content of the image into a slider. To create instagram slider, you need to create Access Token on Instagram.

Steps to create an Instagram Client ID:
1. You need to create Instagram account using mobile Instagram App.

2. First, create Access Token for Instagram. Please visit to this link for details to create Access token for Instagram.

Put your Access token into into Admin panel => Cosmo Slider => Global settings => API Keys => Instagram Client ID and save changes.

pointelle_insta

Step by step process to create Instagram Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Instagram slider) =>

pointelle_instac

Specify slider name as per your requirement, put Username of instagram to fetch images and click on Next =>

pointelle_instaname

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

Flickr Slider

Flickr slider, will fetch images and respective content of the image into a slider. To create Flickr slider, you need to create API Key on Flickr.

Steps to create Flickr Client ID:
1. Click on this link to create Flickr API Key. If site asks for login. Please login to Flickr account.

2. Click on Create new App.

3. Provide your information and get API key.

Put your key into Admin panel => Cosmo Slider => Global settings => API Keys => Flickr API Key and save changes.

pointelle_flickr

Step by step process to create Flickr Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Flickr slider) =>

pointelle_flickrc

Specify slider name as per your requirement, select type User or Album. put User ID if you have User else Album ID of flickr to fetch images and click on Next =>

pointelle_flickrname

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

500px Slider

500px slider, will fetch images and respective content of the image into a slider. To create 500px slider, you need to create Consumer Key on 500px.

Steps to create 500px Consumer ID:
1. Click on this link to create 500px API Key. If site asks for login. Please login to 500px account.

2. Click on Register your Appication.

3. Provide related information and get APP ID

Put your key into Admin panel => Cosmo Slider => Global settings => API Keys => 500px Consumer Key and save changes.

pointelle_500pxkey

Step by step process to create 500px Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (500px slider) =>

pointelle_500px

Specify slider name as per your requirement, select type of slider e.g. popular, fresh. click on Next =>

pointelle_500name

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

YouTube Playlist Slider

YouTube Playlist slider, will fetch images and respective content of the image into a slider. To create YouTube Playlist slider, you need to create APP Key on YouTube.

Steps to create a YouTube APP ID:
1. Click on this link , You will find “Project” at top left corner. Create new project and YouTube API Key. If site asks for login. Please login to YouTube account. Do not forget to enable permissions for App

2. Put your Created API access key into Admin panel => Cosmo Slider => Global settings => API Keys => YouTube APP Key and save changes.

pointele_YouTubekey

Step by step process to create YouTube Playlist Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (YouTube Playlist slider) =>

pointelle_youtube

Specify slider name as per your requirement, Put playlist id of YouTube and click on Next =>

pointelle_youtubecreate

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

YouTube Search Slider

YouTube Search slider, will fetch images and respective content of the image into a slider. To create YouTube Search slider, you need to create APP Key on YouTube.

Steps to create a YouTube APP ID:
1. Click on this link , You will find “Project” at top left corner. Create new project and YouTube API Key. If site asks for login. Please login to YouTube account. Do not forget to enable permissions for App

2. Put your Created API access key into Admin panel => Cosmo Slider => Global settings => API Keys => YouTube APP Key and save changes.

pointele_YouTubekey

Step by step process to create YouTube Search Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (YouTube Search slider) =>

pointelle_YTsearch

Specify slider name as per your requirement, Put search term of YouTube and click on Next =>

pointelle_YTsearchname

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

WooCommerce Slider

WooCommerce Slider will shows your products, which you have created in WooCommerce’s custom post i.e. product. You need to first activate WooCommerce plugin and create a product post to display into slider else blank slider will create.

Step by step process to create WooCommerce Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (WooCommerce Slider) =>

pointelle_woo

Specify slider name as per your requirement, choose Slider type.
Recent Product Slider: It shows recent products
Upsell Product Slider: It shows upsell products of particular product.
Crosssells Product Slider: It shows Crosssells products of particular product.
External Product Slider: It shows External products of particular product.
Grouped Product Slider: It shows Grouped products of particular product.

Select category if you want product from particular category only.

click on Next =>

pointelle_woo_create

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

For WooCommerce Slider you will get additional menus EShop for setting. You can customize Add to cart button, Sale strip, Regular price, Sale price, Category and Rating stars. Following options you will get in WooCommerce Slider.

pointelle_eshop1
pointelle_eshop2

Was this helpful? Yes No Suggest edit

WP Ecommerce Slider

WP eCommerce Slider will show your products, which you have created in WP eCommerce’s custom post i.e. product. You need to first activate the WP eCommerce plugin and create a product post to display into slider else blank slider will create.

Step by step process to create WP eCommerce Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (WP eCommerce Slider) =>

pointelle_Ecom

Specify slider name as per your requirement, choose Slider type.
eCom Recent Product Slider: It shows recent products
eCom Product Category Slider: if you want product from particular category only.

click on Next =>

pointelle_Ecomtype

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

For eCommerce Slider you will get additional menus EShop for setting. You can customize Add to cart button, Sale strip, Regular price, Sale price, Category and Rating stars. Following options you will get in eCommerce Slider.

pointelle_eshop1
pointelle_eshop2

Was this helpful? Yes No Suggest edit

Event Manager Slider

Event Manager Slider will shows your events, which you have created in Event Manager’s custom event i.e. Event. You need to first activate the Event Manager plugin and create an event post to display into slider else blank slider will create.

Step by step process to create Event Manager Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Event Manager Slider) =>

pointelle_Emanager

Specify slider name as per your requirement, choose Slider scope.
Recent Event: Recent date posts will appear in slider.
Future Event: Future date posts will appear in slider.
Past Event: Past date posts will appear in slider.

Category: Select category, if you want events from particular category.

Tags: Select tag, if you want events from particular tag.

click on Next =>

pointelle_Ecom_scope

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

For Event Manager Slider you will get additional menus Events for setting. You can customize Event Date and Time, Event Address, Event Category . Following options you will get in Event Manager Slider.

pointelle_event1
pointelle_event2

Was this helpful? Yes No Suggest edit

Event Calendar Slider

Event Calendar Slider will show your products, which you have created in Event Calendar’s custom event i.e. product. You need to first activate the Event Calendar plugin and create an event post to display into slider else blank slider will create.

Step by step process to create Event Calendar Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Event Calendar Slider) =>

pointelle_event_cal

Specify slider name as per your requirement, choose Slider scope.
Recent Event: Recent date posts will appear in slider.
Future Event: Future date posts will appear in slider.
Past Event: Past date posts will appear in slider.

Category: Select category, if you want events from particular category.

Tags: Select tag, if you want events from particular tag.

click on Next =>

pointelle_Ecom_scope

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on thr front end.

For Event Calendar Slider you will get additional menus Events for setting. You can customize Event Date and Time, Event Address, Event Category . Following options you will get in Calendar Slider.

pointelle_event1
pointelle_event2

Was this helpful? Yes No Suggest edit

Post Attachments Slider

Post Attachment Slider will show you attached media to a particular post.

Step by step process to create Post Attachments Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (Post Attachment Slider) =>

pointelle_post_attc

Specify slider name as per your requirement, put your post ID to which you have attached media.
click on Next =>

pointelle_post_cretate

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

RSS feed Slider

RSS Slider will shows your feeds, which you have added in slider.

Step by step process to create RSS Slider Cosmo Slider:

Go to Admin panel => Cosmo Slider => Create new => Choose your slider type (RSS Slider) =>

pointelle_RSS

Specify slider name as per your requirement,
Feed URL: A URL which feed you want to fetch into a slider.
RSS Slider id: Give id for the slider.
Default image: You can set default image to slider, if there is no image in the feed then this image will appear.
Source: Choose your as per your usage smugmug or other

click on Next =>

pointelle_RSS_c

Select Skin (default) and click on Next =>

cosmo_skin

Choose Layout and click on Next.

cosmo_layout

Your slider will get to appeared with Easy builder. On Easy builder you can change all types of settings as per your requirement. Use respective shortcode or template tag to display on the front end.

Was this helpful? Yes No Suggest edit

Easy builder Settings

Was this helpful? Yes No Suggest edit

Basic Settings

All basic operations related to slider, you can do it using basic settings of Cosmo slider.
Using Basic settings you can change skins, Text effect, width, height, Number of posts in slider, Width, Height and other related settings. You will find the following options in Basic Setting on Easy builder of Cosmo Slider.

CS_easy_basic
CS_easy_basic2

Was this helpful? Yes No Suggest edit

Miscellaneous

A Miscellaneous section of Cosmo Slider, provides you options like Read more button/link, Randomized slides in slider, Enable or Disable FOUC, Open links into new window, Do not link and Hide on mobile etc.

CS_easy_misc

Was this helpful? Yes No Suggest edit

Background

Background sections provides you facility to change background of slider. You can also add video (mp4, webcam, ogg or YouTube) as a background except image. It also provide you to make pure image slider, change overlay image and color.

CS_easy_backgnd

Was this helpful? Yes No Suggest edit

Text Controls

You can change all settings related to slider text. i.e. Post Title and Content and Meta fields. You can apply Google font to each one. Color, font size can also change for the text of the slider.

CS_easy_text

Was this helpful? Yes No Suggest edit

Transition

Cosmo Slider supports all types of transitions e.g. You can give different transition to each type of text. You can apply transition to Post Title and Contents.

1. One transition to all slides: You can set only transition to all slides. If you have select text transition from easy builder or setting panel then that will be assigned to all post titles of slides which are added into a slider. You can give separate transition Post Title and content from Setting panel and easy builder. You can also change Delay and Duration of transition.

cosmo_trans

2. Separate transition for each slide: You can set separate transition to each slide. To set individual transition Go to Edit section of post/page => below to edit of post/page, you will find Post Meta box of Cosmo => Select Transition tab => Title and Content Transition sections are available there. Set transition to each one as per your requirement. This transition will only apply to that slide only. You can also change Delay and Duration of transition.

cosmo_trans_meta

Was this helpful? Yes No Suggest edit

Settings Panel

Was this helpful? Yes No Suggest edit

Slider Preview

On the Slider preview panel, you can create a slider, Enable or Disable slider preview and change skin.
On the Slider preview panel you can create 11 types of slider. Related shortcodes and Template tag will get generated just below after creating slider.

PS_spanel_preview

Was this helpful? Yes No Suggest edit

Basic Settings

All basic operations related to slider, you can do it using basic settings of Cosmo slider.
Using Basic settings you can change skins, Text Transition effect, width, height, Number of posts in slider and other related settings. You will find the following options in Basic Setting on Easy builder of Pointelle Slider.

CS_settings_basic

Was this helpful? Yes No Suggest edit

Slide Settings

Slide Settings section divided into 6 subsections.

1. Background:
Background sections provides you to change background image as per your requirement. You can embed different types of videos as a background instead of image. Pure image slider option is also there.

CS_settings_backgnd

2. Background Overlay: Set overlay image to background, which will appear on background image. You can set color and opacity to show overlay image.

CS_settings_overlay

3. Post Title: You can change all settings related to Post Title. You can apply Google font to each one. Color, font size and HTML element can also change for the text of the slider.

CS_settings_title

4. Post Content: You can change all settings related to Post Content. You can apply Google font to each one. Color, font size and HTML element can also change for the Post Content of the slider.

CS_settings_content

5. Meta Fields Below Post Title: You can show different meta information in slider below title. You can apply Google font to each one. Color, font size and HTML element can also change for the meta of the slider.

CS_settings_meta

6. Action Button: It is a button, which appear in slider to link particular site. You can change it’s text, color, font and other settings also.

CS_settings_abutton

Was this helpful? Yes No Suggest edit

Miscellaneous

A Miscellaneous section of Cosmo Slider, provides you options like Read more button/link, Randomized slides in slider, Enable or Disable FOUC, Open links into new window, Do not link and Hide on mobile etc.

CS_settings_misc

Was this helpful? Yes No Suggest edit

Global Settings

Global settings is those settings, which are applicable to all settings sets.
Go to Admin panel => Cosmo Slider => Global Settings. You will find following setting on global settings page.

cosmo_gb1

global-api

1. Minimum User level: The minimum user level that will be adding post to the slider will be selected from the drop down.

2. Text to display in the JavaScript disabled browser: This message will display, if Java script is disabled on the page.

3. Embed JS files in head: If enabled, then slider JS will be load into head section else JS will load into footer section.

4. Create “SliderVilla Slides” Custom Post Type: It will create a slidervilla custom post type, which you can use to insert into slider.

5. Custom Post Type Slug: To change slug of SliderVilla custom post type.

6. Remove Cosmo Slider Metabox on: It will remove the slider meta box from selected option.

7. Custom Styles: In case of providing static CSS, this field is used.

API Keys: You can set all your social networking site’s API keys and Customer ID here to create Social integrated sliders.

Was this helpful? Yes No Suggest edit

Manage Sliders

On the Manage Sliders page, you will find a list of all sliders, which you have created. Respective shortcodes and template tags are also available on manage sliders page. You can change the order of list a per your requirement. We have provided an option to change order by ID, Name, Slider Type, Shortcode or Template tag. You can use the search option to search particular slider. Edit and Delete of slider operation can perform on the manage sliders page.

cosmo_manage

Was this helpful? Yes No Suggest edit

Template tags

Template tag of Cosmo is used in theme’s template file to display slider on the front end. You can find Template tag of slider on the Manage Sliders page.
Go to Admin panel => Cosmo Slider => Manage sliders. Here, you will find list of all sliders which you have created and it’s respective template tags just beside.

cosmo_template

Setting panel Template tags: If you are creating sliders directly from settings panel then following types of Template tag’s will generate.

Recent Posts Slider: You can use the below template tag to display the recent posts added to your WordPress site/blog in chronologically reverse order:-

<?php if ( function_exists( 'get_cosmo_slider_recent' ) ) { get_cosmo_slider_recent(); } ?>

Category Slider: You can use the below template tag to display the posts under particular category in chronologically reverse order:-

<?php if ( function_exists( 'get_cosmo_slider_category' ) ) { get_cosmo_slider_category($catg_slug); } ?>

Real World Example:

<?php if ( function_exists( 'get_cosmo_slider_category' ) ) { get_cosmo_slider_category('social-media'); } ?>

where ‘social-media’ (don’t forget the quotes) is the slug of the category from which you wish to pull the posts in reverse chronological order (latest is shown first).

Custom/Simple Slider: Here is the simple template tag to embed newly created slider.

Was this helpful? Yes No Suggest edit

Shortcodes

Shortcodes of cosmo is used in posts or pages to display slider on the front end. You can find Shortcodes of slider on the Manage Sliders page.
Go to Admin panel => cosmo Slider => Manage sliders. Here, you will find list of all sliders which you have created and it’s respective Shortcodes just beside.

cosmo_shortcodes

Setting panel Shortcodes: If you are creating sliders directly from settings panel then following types of Shortcodes will generate.

Recent Posts Slider: You can use the below template tag to display the recent posts added to your WordPress site/blog in chronologically reverse order:-

[cosmorecent set="1"]

Category Slider: Put the below shortcode in the post/page editor to embed the cosmo Category Slider (Slider displaying Category specific posts in chronologically reverse order) in the post/page content.

[cosmocategory catg_slug='social-media']

where ‘social-media’ (don’t forget the quotes) is the slug of the category from which you wish to pull the posts in reverse chronological order (latest is shown first).

Custom/Simple Slider:
[cosmoslider id=’2′]
Where ’2′ is the slider ID, which you can get from the ‘Sliders’ settings panel.

Was this helpful? Yes No Suggest edit

Widgets

You have got a ‘Cosmo Slider Simple’ widget on Widget administration panel. Just insert the widget in any of the active widget of your theme.

Also you have got a ‘Cosmo Slider – Category’ widget on Widget administration panel. You can select the name of the category from the dropdown, and select which settings to apply (multiple settings can be created thru Settings admin panel).

Also you have got a ‘Cosmo Slider – Recent Posts’ widget on Widget administration panel. You can select which settings to apply (multiple settings can be created thru Settings admin panel) to this Slider as well.

Was this helpful? Yes No Suggest edit

Quick tag

Was this helpful? Yes No Suggest edit

Recent Post Slider

You can create Recent Post Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Recent post slider head over on “Build and Embed Slider” option. Choose Slider type as Recent Post Slider and your setting set. Click on insert button to add slider into post or page.

CS_quick_recent

Was this helpful? Yes No Suggest edit

Category Slider

You can create Category Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Category slider head over on “Build and Embed Slider” option. Choose Slider type as Category Slider. Select your post category and setting set. Click on insert button to add slider into post or page.

CS_quick_category

Was this helpful? Yes No Suggest edit

Custom Slider

You can create Custom Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Custom slider head over on “Build and Embed Slider” option. Choose Slider type as Custom Slider. Select your setting set and slider, which you have already created. Click on insert button to add slider into post or page.

CS_quick_custom

Was this helpful? Yes No Suggest edit

Taxonomy Slider

You can create Taxonomy Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Taxonomy slider head over on “Build and Embed Slider” option. Choose Slider type as Taxonomy Slider. Select your setting set, Post type and taxonomy. Click on insert button to add slider into post or page.

CS_quick_taxo

Was this helpful? Yes No Suggest edit

WooCommerce Slider

You can create WooCommerce Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create WooCommerce slider head over on “Build and Embed Slider” option. Choose Slider type as WooCommerce Slider. Select your setting set and WooCommerce type, i.e. Recent, Upsell, Crosssell, External and Grouped. Click on insert button to add slider into post or page.

CS_quick_woo

Was this helpful? Yes No Suggest edit

WP Ecommerce Slider

You can create eCommerce Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Pointelle slider in Visual tab.

cosmo_quick

To create eCommerce slider head over on “Build and Embed Slider” option. Choose Slider type as eCommerce Slider. Select your setting set and eCommerce type, i.e. Recent products, Category products. Click on insert button to add slider into post or page.

CS_quick_ecom

Was this helpful? Yes No Suggest edit

Event manager Slider

You can create Event Manager Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Event Manager slider head over on “Build and Embed Slider” option. Choose Slider type as Event Manager Slider. Select your setting set and Scope of slider i.e. Recent, Past, Future. Choose category and tags, if you have any category and tags. Click on insert button to add slider into post or page.

CS_quick_eman

Was this helpful? Yes No Suggest edit

Event Calendar Slider

You can create Event Calendar Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Event Calendar slider head over on “Build and Embed Slider” option. Choose Slider type as Event Calendar Slider. Select your setting set and Scope of slider i.e. Recent, Past, Future. Choose category and tags, if you have any category and tags. Click on insert button to add slider into post or page.

CS_quick_ecal

Was this helpful? Yes No Suggest edit

RSS Feed Slider

You can create RSS Feed Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create RSS Feed slider head over on “Build and Embed Slider” option. Choose Slider type as RSS Feed Slider. Select your setting set and Put your feed URL. Click on insert button to add slider into post or page.

CS_quick_rss

Was this helpful? Yes No Suggest edit

Post Attachments Slider

You can create Post Attachments Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Post Attachments slider head over on “Build and Embed Slider” option. Choose Slider type as Post Attachments Slider. Select your setting set and Put your Post ID, Keep empty to pull current post’s attachments. Click on insert button to add slider into post or page.

CS_qiock_postAttch

Was this helpful? Yes No Suggest edit

Facebook Slider

You can create Facebook Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Facebook slider head over on “Build and Embed Slider” option. Choose Slider type as Facebook Slider. Select your setting set, Put your facebook URL and click in Connect button. Album list will appear below. Select your album and Click on insert button to add slider into post or page.

CS_quick_fb

Was this helpful? Yes No Suggest edit

Flickr Slider

You can create Flickr Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Flickr slider head over on “Build and Embed Slider” option. Choose Slider type as Flickr Slider. Select your setting set and select your type i.e. User or Album. Put your User ID or Album ID depend on your type selection. Select your album and Click on insert button to add slider into post or page.

CS_quick_flick

Was this helpful? Yes No Suggest edit

Instagram Slider

You can create Instagram Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Instagram slider head over on “Build and Embed Slider” option. Choose Slider type as Instagram Slider. Select your setting set and put your username. Click on insert button to add slider into post or page.

CS_quick_insta

Was this helpful? Yes No Suggest edit

500px Slider

You can create 500px Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create Facebook slider head over on “Build and Embed Slider” option. Choose Slider type as 500px Slider. Select your setting set and type of slider. Click on insert button to add slider into post or page.

CS_quick_500px

Was this helpful? Yes No Suggest edit

YouTube Slider

You can create YouTube Playlist or Search Slider, by using Quickatag. Go to Edit section of post or page, you will find Quicktag of Cosmo slider in Visual tab.

cosmo_quick

To create YouTube Playlist or Search slider head over on “Build and Embed Slider” option. Choose Slider type as YouTube Slider. Select your setting set and type of YouTube i.e. Playlist or Search. Put your Playlist ID or Search term depend on your slider type and Click on insert button to add slider into post or page.

CS_quick_youtube

Was this helpful? Yes No Suggest edit

WPML

Cosmo Slider supports Multilingual. You should have WPML plugin activated on your site.

Follow below steps to make slider compatible with WPML:

1. Go to Admin panel => Cosmo Slider => Create New => Custom Slider. Create custom Cosmo Slider.

2. Now go to Post section of WordPress. Select post which you want to add into Cosmo Slider.

3. Convert that post into other language, which you want.

Pointelle_wpml1

4. Now add original language and converted language post into Cosmo Slider. For that, go to Post meta box of Cosmo slider (Below post/page). => Basic Tab => Add this post/page to. Your created slider name will appear in front of this option. Select your slider and enable respective button.

CS_addslides

5. Follow same process to add more posts into slider.

6. To see slider, Go to Admin Panel => Cosmo Slider => Manage Sliders. Find out your slider , respective Shortcode and Template tag will also available with slider name to embed on front end. Click on Edit link, slider preview will get appear.

On front end, by changing language respective language’s post will get appear in slider.

Was this helpful? Yes No Suggest edit

qTranslate

Cosmo Slider supports Multilingual. You should have qTranslate plugin activated on your site.

Follow below steps to make slider compatible with qTranslate:

1. Go to Admin panel => Cosmo Slider => Create New => Custom Slider. Create custom Cosmo Slider.

2. Now go to Post section of WordPress. Select post which you want to add into Cosmo Slider.

3. Convert that post into other language, which you want.

Pointelle_wpml1

4. Now add original language and converted language post into Cosmo Slider. For that, go to Post meta box of Cosmo slider (Below post/page). => Basic Tab => Add this post/page to. Your created slider name will appear in front of this option. Select your slider and enable respective button.

CS_addslides

5. Follow same process to add more posts into slider.

6. To see slider, Go to Admin Panel => Cosmo Slider => Manage Sliders. Find out your slider , respective Shortcode and Template tag will also available with slider name to embed on front end. Click on Edit link, slider preview will get appear.

On front end, by changing language respective language’s post will get appear in slider.

Was this helpful? Yes No Suggest edit

What are the Available Post Meta Functions and Parameters for Cosmo Slider and how to use them?

You can have atmost two Post Meta Fields namely Meta 1 and Meta 2 displayed in the navigation section of the Cosmo Slider.

The fields are pulled dynamically and you can set what meta information should be displayed in those fields.

Currently there are four Meta Functions that can be used in the settings field.

  1. cosmo_get_slide_author
    Meta Function to get author data in Post Meta field. For this function the function parameters can beWordPress ‘author’ object fields. For example

    • field=display_name
    • field=user_login
  2. cosmo_get_slide_pub_date
    Meta Function to get the published date of Post/Page in any format in Post Meta field. For this function the function parameters can be any of the format specified in PHP Date Manual . For example

    • format=M j, Y
    • format=Y-m-d
  3. cosmo_get_slide_category_name
    Meta Function to get the Post category/categories in Post Meta field. For this function the function parameters can be one of the below two, the first one showing the the first category to which the post belongs and the second one (all) showing all the categories to which the post belongs:-

    • show=first
    • show=all
  4. cosmo_get_slide_comments_number
    Meta Function to get the post comments number in the Post Meta field. For this function the function parameters similar to comments_number WordPress function. For example:-

    • zero=No Response&one=1 Response&more=% Responses
    • zero=No Comments&one=1 Comment&more=% comments

Also you can specify what text (with html) you would want to display before and after the meta fields.

Was this helpful? Yes No Suggest edit

How to create multiple settings for Cosmo slider?

On WordPress dashboard, Go to Cosmo Slider => Settings page . You will see a tab Create New Settings Set on extreme right of the window. Click on that. A window will appear asking Create new Settings Set??. Click on OK. Now Assign name to new settings set in Settings Set Name text area. Customize the setting according to your requirements & finally Save Changes.

Now in Cosmo slider v3.0+ every time when you create new slider from easybuilder new settings set will get create or you can choose previous settings set.

Was this helpful? Yes No Suggest edit

How to change Action button text for particular slide?

You can change Action button text for particular slide. Go to Admin panel => Edit Post/Page => Below edit content section, you will find Meta box of Cosmo slider => Advance tab => Action Button Text => Put your text and update post/page. You can put redirect link for action button just below.

CS_fad4

Was this helpful? Yes No Suggest edit

How to embed videos in Cosmo Slider?

You can embed video in Cosmo slider as a background. If you want only one video to all slides then set video from Background section. You can embed 4 types of video e.g. YouTube, MP4, ogg and webm.

To insert video for particular slide, then you will find option “Embed Video” in Advance tab of Meta box, which you will find in Edit section of Post/Page.

Was this helpful? Yes No Suggest edit

How to import Cosmo Slider settings from a file?

On WordPress dashboard, Go to Cosmo Slider => Setting sets page. At the bottom of page you will see a section to import settings. Browse only the Placid setting file and click on import.

Was this helpful? Yes No Suggest edit

How to export Cosmo Slider settings from a file?

On WordPress dashboard, Go to Cosmo Slider => Setting sets page. On the extreme right of your window you will see Export tab. Click on it. Your setting set file will get export.

Was this helpful? Yes No Suggest edit

How to disable the Sliders from Mobiles and Tablets?

Go to Admin Panel >> Cosmo Slider >> Manage Slider >> Find your slider and click on Edit >> Slider’s Easy Builder will get open >> Miscellaneous >> Disable Slider on Mobiles and Tablets and Save the changes

Was this helpful? Yes No Suggest edit

How to add Expiry Date for a Cosmo Slider?

Go to Admin Panel >> Edit section of post/page >> Meta box of Cosmo Slider (Below edit post/page) >> Advanced tab >> Expiry Date

Was this helpful? Yes No Suggest edit

How to enable the sliders in the full screen mode of the devices?

Go to Admin Panel >> Cosmo Slider >> Manage Slider >> Find your slider and click on Edit >> Slider’s Easy Builder will get open >> Basic Settings >> Full Screen Mode (Enable) and Save the changes

Was this helpful? Yes No Suggest edit
Suggest Edit