Cosmo Slider

Full Screen Elegant Slider WordPress Plugin


To have a full screen or wide slider with image or video in background and call to action button, get Cosmo Slider.

Demo 2

Multiple Images as Slider Background

Demo 3

Self Hosted Video as a Background

Demo 4

Slider with RSS Feed From 500px.com

Demo 5

Change Selected Text Color

Cosmo Slider for WordPress is a ready to use featured slideshow plugin with an elegant design and feature rich dedicated settings panel. It is deeply integrated with the WordPress CMS to fetch and add default or custom post type, category specific slides, latest posts, images from media library, videos and much more. One can add a full width slideshow at any location on WordPress site by either using shortcode, template tag or widget. The settings panel with more than 60 basic and advance options allow the user to control the elements of the slider without any knowledge of PHP or HTML. For any specific CSS customization, it is having a special CSS box to add extra lines of CSS (if required) as there is no need to edit the theme’s CSS files.

One can create unlimited sliders using Cosmo with different contents and apply different settings (effect, width, height, design) to each slider using skin settings set feature. On Cosmo Slider settings page, one can create unlimited numbers of settings panel and apply each panel on desired slider. One can also embed multiple Cosmo Sliders on single page using shortcode, widget and template tag. There are many shortcodes for easy implementation of Cosmo inside page, front page or post content area.

Front-End Features

Parallax Scroll Effect

Slider comes with Parallax effect to make the text and large size images look good on site

Events Slider

Create Slider of Events using the Event Manager WordPress Plugin. Events look awesome in Cosmo Slider.

YouTube and Vimeo Slider

YouTube and Vimeo Slider looks great in Cosmo. Very easy to create and auto fetch slides from these video hubs.

WooCommerce and WP Ecommerce Slider

Create WooCommerce and WP Ecommerce sliders with products using Cosmo Slider plugin.

Video as Background

Add self hosted or YouTube videos as the background of the slider for a dynamic and different look

Responsive Design

Looks good on Smartphones as well. With responsive design, it adjusts to width of iPhone, iPad and others

Elegant Look

Adds elegant look to any theme with Cosmo implementation in less than 5 minutes

Call to Action

Convert traffic into action with call to action button. Add internal or external link for action button

Meta Info

Show up to 3 meta informations e.g. Category, Author, Date, No. of Comments on slider with custom format

Facebook Album Slider

Show Facebook Album Slider in Cosmo without much effort and it looks great.

Flickr, 500px Slider

Convert traffic into action with call to action button. Add internal or external link for action button

Recent Posts, Category, Taxonomy Slider

WordPress core sliders such as recent posts, category, tags and custom slider in Cosmo.

Other Important Front-End features:

  • Touch and swipe support for iOS and Android
  • HTML and Images retains formatting in slider
  • SEO optimized as all slides indexed by Google or other search engines
  • Optimized images for slider
  • Everything is responsive including title text and content

Dashboard Features – Cosmo Settings

More than 50 Setting Options

Slider setting options are divided in tabs and sections to make it easy to use

WPML and mqTranslate Ready

Preview the slider before implementation. Preview slider with all possible shortcode or template tag on settings page.

4 Lightbox Scripts to choose from

With one click, you can enable the Lightbox or prettyphoto effect on Cosmo Slider

Custom Style Box

To change the CSS for slider, no need to edit the .css file. Apply changes from ‘Custom Styles’ box on admin area

Drag and Drop Reorder

On ‘Sliders’ page, one can easily reorder added slides with drag and drop feature

No Branding

There is no branding of SliderVilla on the admin area of Cosmo Slider.

Auto Update for Lifetime

Slider setting options are divided in tabs and sections to make it easy to use

Smart QuickTag

Preview the slider before implementation. Preview slider with all possible shortcode or template tag on settings page.

Smart Image Cropping

With one click, you can enable the Lightbox or prettyphoto effect on Cosmo Slider

600+ Google Fonts to Choose

Slider setting options are divided in tabs and sections to make it easy to use

Shortcode, Template Tag and Widget

Preview the slider before implementation. Preview slider with all possible shortcode or template tag on settings page.

Powerful Settings Panel

With one click, you can enable the Lightbox or prettyphoto effect on Cosmo Slider

Other Important Front-End features:

  • Set and change width, height, effect, background color, text color, element location and much more
  • Apply Google Fonts on title, content
  • Default image to load if no image found for slide
  • YouTube, Vimeo, MP4, WebM format boxes to apply video background
  • Customize Call to Action button, link
  • Export/Import Settings Set to same domain or other domains (test to live environment)
  • Reset setting values to default or to another setting set
  • Auto update from WordPress dashboard

Easy Implementation

Shortcodes

It is very easy to embed the slider inside post/page content. For example, [cosmorecent] will embed a Cosmo Slider with recently published posts (auto fetched).

Template Tags

Inside PHP files like theme files, easily insert the template tag to get the slider at your desired location on the installed theme. Read more about the template tags on Knowledge Base page.

Widgets

Drag and drop Cosmo Slider widgets like Custom Slider, Category Slider and Recent Post Slider and choose the settings set to apply to that widget.

Guaranteed Support

Premium Support Forum

After purchase, you get access to our premium support forum. We are always available on that forum and you can expect a reply within couple of hours (sometimes in minutes).

24×7 Email

We also provide support through email. Just fill up this contact form to send us an email and our support team will reply within in next few hours.

Twitter/Facebook

We have started providing support through Twitter and Facebook as well. Follow us on our Twitter handle and FB page and you can support over there as well.

Knowledge Base of Cosmo Slider – We keep all the documentations and tutorials related to Cosmo Slider on its dedicated page on SliderVilla Knowledge Base. It contains FAQ, Installation guides, Embed options, Screenshots, Videos etc. related to the slider over there. Go to the Knowledge Base

 

Hassle Free Purchase – PayPal Security

We use PayPal as the payment gateway for SliderVilla. It is widely used and the most popular and secured way of online purchases. Our server automatically sends an email with download link, receipt and membership access details just after the transaction completes on PayPal.

Installation
  1. Uzip the cosmo-slider.zip folder.
  2. Upload  cosmo-slider folder to /wp-content/plugins directory.
  3. In WordPress dashboard, head over to the Plugins section.
  4. Activate Cosmo Slider.
Embed Options for Cosmo Slider
Shortcodes
ShortcodesResult
[cosmorecent]To have a slider with recently published blog posts automatically appearing inside the slider, you just need to paste the shortcode inside the page or post content area where you want the slider to embed
[cosmoslider]Manually add any post to the slider using Cosmo Slider meta box available on edit post/page window. To embed a slider with those added posts/pages, use this shortcode.
[cosmocategory catg_slug="social-media"]Embed a slider with posts from specified category. For example, this shortcode will embed Cosmo Slider with posts from category with permalink as ‘social-media’
[cosmoslider set="3" id="2"]Get Slider ID from Sliders sub-page on dashboard, and setting ID from Settings sub-page. This shortcode will embed a custom slider with setting set 3 and will show slides of Slider ID 2
Template Tags

Like shortcodes, Cosmo is also having similar template tags to embed the slider inside theme template files like page.php, index.php, home.php etc. Template Tags are PHP code which executes to call certain functions and show the slider at desired location. Get the template tags for Cosmo Slider on our Knowledge Base page.

Widgets

Drag and Drop widgets are also available in Cosmo Slider. It means, you can place the Cosmo Sliders (recent posts, custom slider, category slider etc.) in widget ready areas eg. Sidebar by dropping the widget in Widgets window on dashboard. Multiple widgets should be visible on the Widgets page after activating the slider plugin. To read more about the ready widgets for Cosmo Slider, please read the Widget Knowledge Base of Akkord Slider.

Settings and Admin Page of Cosmo Slider

A Dedicated Settings page should appear on the dashboard after activating the plugin. Cosmo Slider is having two sub-pages – Settings and Sliders. Settings page is to create multiple settings and customize the width, height, image pick preference and so many other elements of the slider. Almost 99% slider customization can be done from settings page only. It is also having a “Custom Styles” box where you can enter a custom CSS to override/change the final CSS of slider plugin.

Sliders page is to manage the added slides to the slider. You can create unlimited sliders and add unlimited slides to each of them. Using the parameter in shortcode or template tag, you can easily embed any slider by mentioning the slider ID.

Q. How to create multiple custom sliders of Cosmo slider?
Ans. On WordPress dashboard, Go to Cosmo Slider =>Sliders page. Click on Create New Slider . Assign name to new slider in Enter New Slider name text area. Then Click on Create New. You will see a new slider created.
Q. How to create multiple settings for Cosmo slider?
Ans. 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.
Q. Explain that Sliders are for content & Settings are for skin & control.
Ans. Sliders are used to display your content while settings are used to control the appearance of your content in the slider. You will simply add your content (e.g. posts,images,videos) to a slider and setting will decide things like slider width, slide border, slide transition speed, etc.
Q. How to set background image in Cosmo Slider?
Ans. On WordPress dashboard, Go to Cosmo Slider => Settings page => Slides tab => Background section. You will see option image. Write the link of the image in the specifeid text field. e.g. http://example.com/bg1.jpg & Save Changes. Use the optimized images to set as background in the slider.
Q. How to set background video in Cosmo Slider?
Ans. On WordPress dashboard, Go to Cosmo Slider => Settings page => Slides tab => Background section. You will see option video URL. If you want to set a youtube video as a background in the slider, then write URL of the youtube video in the specified text field.

e.g. https://www.youtube.com/watch?v=D1R-LwHbld4 & Save Changes.

If you want to set a mp4/webm/ogg format video as a background in the slider, then write the URL of the video in the specified text field.

e.g. http:///example.com/nature.mp4 & Save Changes.

Q. How to change or include meta fields?
Ans. On WordPress dashboard, Go to Cosmo Slider => Settings page => Slides tab => Meta Fields Below Post Title section. You will see option Show Meta Below Title. Customize its value as yes. Now, you can add maximum three meta fields in options Meta Field 1, Meta Field 2, Meta Field 3. For more details, visit the page : http://guides.slidervilla.com/cosmo-slider/settings-customizations/available-post-meta-functions-parameters-cosmo-slider-use/
Q. How to use different images for different slides?
Ans. Open the Edit panel of your Page/Post & go to its Cosmo Slider meta box. You will see option ‘Backgound Image’.Write the link of the image in the specifeid text field. e.g. http://localhost/wordpress/wp-content/plugins/cosmo-slider/images/bg1.jpg & Update. Use the optimized images to set as background in the slides.
Q. How to add Call to Action button in Cosmo?
Ans. On WordPress dashboard, Go to Cosmo Slider => Settings page => Slides tab => Action Button section. You will see option Action Button Text. Write ‘Call’ in the specified text field. & Save Changes. Also On the Edit panel of your Page/Post & go to its Cosmo Slider meta box. You will see option Action Button Text .Write ‘Call’ in the specified text field & Update.
Q. How to change the color of Call to Action button?
Ans. On WordPress dashboard, Go to Cosmo Slider => Settings page => Slides tab => Action Button section. You will see option Font color. Choose the Font color & Save Changes.
Q. How to remove Call to Action button from Cosmo?
Ans. On WordPress dashboard, Go to Cosmo Slider => Settings page => Slides tab => Action Button section. You will see option Action Button Text. Keep its text field vacant & Save Changes. Also On the Edit panel of your Page/Post & go to its Cosmo Slider meta box. You will see option Action Button Text .Keep its text field vacant & Update.
More FAQs are available on the Knowledge Base of Cosmo Slider
We understand the need of after sale support in a premium WordPress plugin. That’s why, we have designed a special SliderVilla Support Ninja Program consisting of some WordPress experts, core developer of SliderVilla Sliders (Tejaswini) and community members. We provide support for our product by different means including Exclusive Support Forum and Emails. Please find the details as below,
  • Support Forum and Email ETA – 12 hours
  • Instant Support for urgent requests
  • Free basic slider setup using remote access
  • Dedicated support team available 24X7
Support ForumSend an Email

We offer a 100% Money-back guarantee within 14 days of purchase of Cosmo Slider.

Need Custom WordPress Slider Developed or Looking for Changes in SliderVilla Sliders? Contact us