Installation

1: Go to Plugins->Add New Page

 

1: Now Click on Upload Plugin

 

1: Click on Choose File button, that will open a popup to select the plugin zip file. So please choose the mi-logo-slider.zip file.

 

1: Now click on Install button.

 

1: Installation completed, now click on Activate plugin button.

 

1: If activation is successfully completed, you will see the “Mi Logo” menu in the left panel. If not showing the menu please contact us through our Support Forum.

Quick Start

1: To create new logo slider go to Mi Logo->New Row page.

 

Now you will see a page from where you have to add logos, categories & necessary settings.

1: This is a title for your better understand, like member logos, sponsor logos, etc.

2: This is the shortcode, you have to copy & past it where you need to display the logos like: post, page, widget etc.

3: Add Logos tab, this panel is to upload logos.

4: Category tab, this panel is to create categories, this is required if you want to show logo filter layout.

5: Settings Tab, from here you have to do all necessary customization & custom settings including layout & responsive settings.

6: To upload logos click on upload Image button.

 

1: Upload files & Select images.

2: click on “Use this image” button to add those images.

 

1: The image you just added.

2: Image Title, this is good for SEO, and also it is required if you need to show tooltip.

3: Description field, the description will be shown when you select list style from settings->layout panel.

4: Link field, this is required if you want your logo clickable.

5: Category, at first you have to add categories from Category Tab, then you will see those categories are available here to select. This is required when you choose filter layout from Settings->display panel.

6: Delete button, click on it if you want to delete specific logo.

7: Finally click on publish button.

 

1: Give a title to your logos.

2: Copy the shortcode & past it where you want to showcase your logos.

How to add categories

To add categories, first go to category tab.

1: Category Name

2: Category Slug, this automatically generate after provided the category name, but you can customize it as your wish. you it should be unique.

3: click on add button to add this category.

 

1: Click on delete button to delete the specific category.

2: Click on add button to add a category.

 

1: After added all categories go to Add Logos tab & select from Categories field, you can choose multiple categories.

 

1: So you have added categories, now click on publish button. That’s it. Now copy the shortcode and past it where you need to display the logos.

Full setting panel

1: Change display mode to horizontal slider to select horizontal slider.

2: Slider Settings

3: Slider Autoplay option

4: Slider Autoplay Speed in millisecond

5: Slider Dot option, Enable it to show dots in the slider

6: Slider dot speed in millisecond, this is the slider speed when user click on the slider dots.

7: Slider Dot Position: Left, Center, Right.

8: Slider Nav Option (next, prev controls).

9: Slider nav speed in millisecond, this is the slider speed when user click on the slider next prev nav buttons.

10: Slider Nav position

11: Nav Within container, By default slider nav is outside of the container, if you need to show those buttons within the container select this option. This is also required when your container have css overflow hidden property, otherwise you will see the nav buttons because of overflow.

12: Nav/Dot Design settings

13: Nav Text color

14: Nav/Dot Background Color

15: Nav Text Hover Color

16: Nav/Dot Background Hover Color

17: Responsive Visibility Settings

18: Large Desktop Items

19: Desktop Items

20: Tab Items

21: Mobile Items

22: Small Mobiles

23: Layout Settings

24: Lot of Layout styles, select as you like.

25: Image Max Width & Height, Change it as you need.

26: Change all the logo links as Dofollow or Nofollow in your need.

27: Enable or Disable Tooltip.

 

Most of the points are same as above image description, so please check the above image for the details.

1: Change display mode to vertical slider to select vertical slider.

5: Transition Speed, Standard transition speed in millisecond.

14: Slider Width, Provide slider width in pixel (400px) or in percentage (100% of the parent container).

15: Number of initial display items.

16: Number of scroll items.

 

1: Change display mode to filter to enable filter layout.

2: Filter Settings

3: Filter Button position

4: Filter button design option

5 – 10: Change the filter button text, background, hover colors.

 

1: Change display mode to grid to enable grid layout.

You also need to change the visibility settings for responsive layouts.

 

1: Change display mode to list to enable list layout.

Other Options are described above.