Table of Contents
View full feature at a glance
XL Logo Carousel is a WordPress plugin which create custom post type to add client’s logo to display anywhere of your site using shortcode. It is simple but flexible & powerful.
Upgrade to PRO »
View live Demos »
Support Forum »
Contact Us »
Plugin Features
- Shortcode ready logo carousel
- Responsive logo carousel.
- Very light weight.
- Custom post type for adding new logo.
- No need any settings.
- Work with all WordPress theme.
- Easy to use.
- Developer friendly & easy to customize.
- Powered by Owl Carousel 2.
- Its easy user interface allows you to manage, edit, create, and delete logo’s.
Pro Features
- Advance setting panel with all necessary settings.
- Multiple sliders can be shown from different Logo categories.
- Responsive settings. Can be control logo item to show on tablet & mobile.
- Great settings panel.
- On / Off – stop on hover
- On / Off infinite loop.
- 3 way to display slider navigation
- 5 nav arrow styles.
- Unlimited colors select.
- Auto select font from your website
- Author image upload Size control
- Author link open setting
- Display logo including / excluding title.
- 6 title position style
- Number of logos to move on transition.
- Lot’s of shortcode parameters
- Well documentation
- Works with any WordPress Theme.
- Build with HTML5 & CSS3.
- Responsive. Work on any device.
- Easy and user-friendly setup.
- Well documentation and 24/7 support.
- And many more.
Shortcode
Basic Usage – Use following shortcode to display partners, clients or sponsors Logo
[xl_logo]
6 different title styles
- xl_bottom_left
- xl_bottom_center
- xl_bottom_right
- xl_top_left
- xl_top_center
- xl_top_right
5 Navigation Arrow styles
- Top right corner – trc
- Top left corner – tlc
- Bottom left corner – blc
- Bottom right corner – brc
- Default
Example Uses
Use following shortcode to display logo combined with 5 logos in large desktop, 4 in medium desktop, 4,3 and 2 accordingly in tablets, large phone and small phone, it will display title in bottom left position, nav arrow in top right corner, 20px margin between two logos. and 1px solid light gray border with 30px padding.
[xl_logo large_desktops="5" medium_desktops="4" tablets="4" large_phones="3" small_phones="2" title="yes" title_position="xl_bottom_left" nav_arow_style="trc" logo_margin="20" logo_border_style="solid" logo_border_thickness="1" logo_border_color="#ddd" logo_padding="30"]
Still have any confusion?
View live Demos »
Normally logos will display by descending order, latest will show first. But if you wish to display ascending order, oldest at first then pass order=”ASC” parameter to shortcode like
[xl_logo order='ASC']
Installation process of XL Logo Carousel
Install by Search Plugin
Go to Dashboard > Plugins > Add New
Search XL Logo Carousel
Click to install
Activate the plugin
XL Logo post type will show below POSTS
Install by Upload Plugin
Download the latest version of XL Logo Carousel (.zip file)
Go to Dashboard > Plugins > Add New
Select “Upload Plugin”
Click on “Choose File”
Select downloaded xl-logo-carousel & click on ‘Install Now’ button
Activate the plugin
XL Logo post type will show below POSTS
Install Plugin using FTP
Upload xl-logo-carousel folder inside the /wp-content/plugins/ directory
Go to WordPress dashboard > Plugins & Activate the XL Logo Carousel
XL Logo post type will show below POSTS
Manage XL Logo
The Menu
Inside your WordPress dashboard area, go to XL Logo. Now you will get 4 sub menus like –
All Logos
Add New
Categories
Settings
All Logos
Go to Testimonial > All Logos to see all the Logos you added until now. Mentioned columns will display here
Title – for logo name
Categories
Date
Add New Logo
If you know how to add a post or a page in WordPress then it will be very easy to add a logo in your website. We have split this into 4 simple steps as you can see in the picture :
Logo Name (1) : This is self explanatory. Just add the name of Logo.
Logo Image (2) : Add a picture of your logo
Company URL (3) : Add Company URL in logo. Keep it blank if you do not want to add any URL.
Logo Categories (4) : You can categories your logo by creating your own category.
XL Logo Carousel shortcode usage
Basic Usages
[xl_logo]
Shortcode attributes Usage
| No. | Attribute | Default value | Options | Description |
|---|---|---|---|---|
| 1 | cat_name | All | Logo Category Slug | To get your Logo category slug, Go to XL Logo > Category. Here you will find Logo category & all the slugs. |
| 2 | order | DESC | DESC / ASC | Normally Logo will show by descending order, latest will show first. But if you wish to display ascending order, oldest at first then pass order=’ASC’ parameter |
| 3 | title | no | yes / no | To display logo title use yes attributes. Ignore, if you don’t want title. |
| 4 | default_items | 5 | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… |
| 5 | large_desktops | 5 | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… By default it will display ‘default_items’ value. |
| 6 | medium_desktops | 4 | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… By default it will display ‘default_items’ value. |
| 7 | tablets | 4 | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… By default it will display ‘default_items’ value. |
| 8 | large_phones | 3 | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… By default it will display ‘default_items’ value. |
| 9 | small_phones | 2 | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… By default it will display ‘default_items’ value. |
| 10 | autoplay_speed | 500 | Any positive real number. Not less then 100. | Any positive real number. Not less then 100. Use higher value for slow speed. |
| 11 | autoplay_timeout | 1000 | Any positive real number. Not less then 100. | Any positive real number. Not less then 100. Use higher value for long delay. |
| 12 | logo_margin | 10 | Any positive real number. | Use any positive real number. eg. 1,2,3,4,5… |
| 13 | title_position | xl_bottom_left | xl_bottom_left / xl_bottom_center / xl_bottom_right / xl_top_left / xl_top_center / xl_top_right | Use preferred title position attribute from 6 Different title styles |
| 14 | nav_arow_style | Default | trc / tlc / brc / blc | Use preferred nav arrow style attribute from 5 Different nav arrow styles |
| 15 | logo_border_style | None | solid / dotted / dashed / double | Use any of them to display border. Ignore, If you don’t want any border. |
| 16 | logo_border_thickness | None | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… Border thickness should be 4 for border style “double”. Ignore, If you don’t want any border. |
| 17 | logo_border_color | None | Use any color code. | Use any color code. We preferred Hexadecimal color code like #dddddd. Ignore, If you don’t want any border. |
| 18 | logo_padding | None | Any positive real number | Use any positive real number. eg. 1,2,3,4,5… Ignore, If you don’t want any padding. |
XL Logo Carousel screenshots of different styles
