WP Logo Showcase Responsive Slider Pro

Getting Started

WP Logo Showcase Responsive Slider adds a Menu tab in WP Admin side with the name “Logo Showcase” where you can add new Image Title, Link and Image as a Featured image, edit and delete.

Screen shows “Logo Showcase” tab in the left side and All Images added

This plugin work same like WordPress post section where you can add title and featured image. To add a new Logo image in WP Logo Showcase just need to follow few steps.

  1. Go to Logo Showcase Tab and click on Add New
  2. Add Image title, Add Link URL for Logo link and featured image and update
  3. If you want to display category wise then go to Logo Showcase -> Logo Category and create a category
  4. When you create a Logo Showcase post, select the category for that post

Bellow screen shows how to add a logo in Logo Showcase

If you want to display category wise then go to Logo Showcase -> Logo Category and select the shortcode.

How to Display and Shortcodes

Display a News page is very simple. Just go to Pages > Add New and add page title ie Our News and add below shortcode as per your need.

WP Logo Showcase Responsive Slider contains 4 shortcodes

Logoshowcase Slider

[logoshowcase]

Logoshowcase Grid

[logo_grid]

Logoshowcase Filter

[logo_filter]

Logoshowcase List

[wpls_logo_list]

You can also use template code to display logo slider in your theme template.

<?php echo do_shortcode('[logoshowcase]'); ?>
<?php echo do_shortcode('[logo_grid]'); ?>
<?php echo do_shortcode('[logo_filter]'); ?>
<?php echo do_shortcode('[wpls_logo_list]'); ?>

Parameters for Logo Slider

  • Limit:
    [logoshowcase limit="15"]
    Display number of logos. To display all logos pass limit=”-1″.
  • Design:
    [logoshowcase design="design-1"]
    We have given 16 designs. You can use any design.
  • Show Logo Title:
    [logoshowcase show_title="true"]
    Show logo title or not. Values are “true” and “false”.
  • Logo Image Size:
    [logoshowcase image_size="full"]
    Set image size of logo. By default value is “full”. Values are “full”, “large”, “medium”, “thumbnail”.
  • Link
    [logoshowcase link="true"]
    Enable external link. Values are “true” and “false”.
  • Link Target:
    [logoshowcase link_target="self"]
    Open link in a same tab or in a new tab. Values are “self” OR “blank”.
  • Animation:
    [logoshowcase animation=""]
    Set animation effect for logo. There are 15 animation effect like Flash, pulse, rubberBand, headShake, swing, tada, wobble, jello, bounceIn, fadeIn, fadeOut, lightSpeedOut, rotateIn.
  • Tooltip:
    [logoshowcase tooltip="true"]
    Enable tooltip on logo. Values are “true” OR “false”.
  • Words Limit:
    [logoshowcase content_words_limit="20"]
    Controls content word limit. You can enter numeric value.
    Note: Works with only design 4.
  • Content Tail:
    [logoshowcase content_tail="…"]
    Display three dots after the content.
    Note: Works with only design 4.
  • Grid / Row :
    [logoshowcase rows="2"]
    Display slides more then in 1 row.
  • Slides Column:
    [logoshowcase slides_column="4"]
    Display number of logos at a time in slider.
  • Slides To Scroll:
    [logoshowcase slides_scroll="1"]
    Scroll number of logos at a time.
  • Slider Dots:
    [logoshowcase dots="true"]
    Display logoshowcase slider pagination(dots) or not. Values are “true OR false”.
  • Slider Arrows:
    [logoshowcase arrows="true"]
    Display slider arrows or not. Values are “true” OR “false”.
  • Autoplay:
    [logoshowcase autoplay="true"]
    Start slider automatically. Values are “true” OR “false”.
  • Autoplay Interval:
    [logoshowcase autoplay_interval="3000"]
    Delay between two slides. You can enter numeric values.
  • Slider Speed:
    [logoshowcase speed="600"]
    Control speed of slider. You can enter numeric values.
  • Center Mode:
    [logoshowcase center_mode="false"]
    Enables centered view with partial previous/next slides. Use with odd numbered slides_scroll counts and slides_column=”3″. By default value is “false”.
  • Slider Loop:
    [logoshowcase loop="true"]
    Create a Infinite loop sliding. By default value is “true”. Options are “true” OR “false”.
  • Pause Hover:
    [logoshowcase hover_pause="true"]
    Pause slider autoplay on hover. By default value is “true”. Options are “true” OR “false”.
  • Pause On Focus:
    [logoshowcase focus_pause="false"]
    Pause slider autoplay when slider element is focused. By default value is “false”. Options are “true” OR “false”.
  • Slider Ticker:
    [logoshowcase ticker="false"]
    Runs the slider continuously like ticker. Options are “true” OR “false”.
  • Category:
    [logoshowcase cat_id="14,15,16"]
    Display Logos by their category ID. You can enter multiple ids by comma separated.
  • Logo Showcase Heading:
    [logoshowcase cat_name="Sport"]
    Set your desired Logo Showcase Heading.
  • Display Child Category:
    [logoshowcase include_cat_child="true"]
    Display child category slides. Values are “true” OR “false”.
  • Exclude Category:
    [logoshowcase exclude_cat="1,5,6"]
    Exclude some logo category which you do not want to display. You can pass multiple ids by comma separated.
  • Exclude Post:
    [logoshowcase exclude_post="1,5,6"]
    Exclude some logo which you do not want to display. You can pass multiple ids by comma separated.
  • Display Specific Posts:
    [logoshowcase posts="1,5,6"]
    Display only specific logo. You can pass multiple ids by comma separated.
  • Order:
    [logoshowcase order="DESC"]
    Controls slides order. Values are “ASC” OR “DESC”.
  • Order By:
    [logoshowcase orderby="post_date"]
    Display logos in your order. Values are “post_date”, “modified”, “title”, “ID”, “rand” (Random), “menu_order” (Sort Order).
  • Query Offset :
    [logoshowcase query_offset="5"]
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    Note: This will not work with limit=-1.
  • Slider Lazyload
    [logoshowcase lazyload=""]
    Select option to use lazy loading in slider. Values are “ondemand”, “progressive”.
  • Extra Class:
    [logoshowcase extra_class=""]
    You can add extra class here.
    Note: Extra class added as parent so using extra class you customize your design.

Parameters for Logo Grid

[logo_grid]

  • Limit:
    [logo_grid limit="15"]
    Display number of logos. To display all logos pass limit=”-1″.
  • Design:
    [logo_grid design="design-1"]
    We have given 16 designs. You can use any design.
  • Grid:
    [logo_grid grid="4"]
    Display logo grid/column wise.
  • Show Logo Title:
    [logo_grid show_title="true"]
    Show logo title or not. Values are “true” and “false”.
  • Logo Image Size:
    [logo_grid image_size="full"]
    Set image size of logo. By default value is “full”. Values are “full”, “large”, “medium”, “thumbnail”.
  • Animation:
    [logo_grid animation=""]
    Enable animation effect on logo. There are 15 animation effect like flash, pulse, rubberBand, headShake, swing, tada, wobble, jello, bounceIn, fadeIn, fadeOut, lightSpeedOut, rotateIn.
  • Tooltip:
    [logo_grid tooltip="true"]
    Enable tooltip on logo. Values are “true” OR “false”.
  • Words Limit:
    [logo_grid content_words_limit="20"]
    Controls content word limit. You can enter numeric value.
    Note: Works with only design 4.
  • Content Tail:
    [logo_grid content_tail="…"]
    Display three dots after the content.
    Note: Works with only design 4.
  • Link
    [logo_grid link="true"]
    Enable external link. Values are “true” and “false”.
  • Link Target:
    [logo_grid link_target="blank"]
    Open link in a same tab or in a new tab. Values are “self” OR “blank”.
  • Category:
    [logo_grid cat_id="12,13,14"]
    Display Logos by their category ID. You can pass multiple ids by comma separated.
  • Logo Showcase Heading:
    [logo_grid cat_name="Sport"]
    Set your desire Logo Showcase Heading.
  • Display Child Category:
    [logo_grid include_cat_child="true"]
    Display child category slides. Values are “true” OR “false”.
  • Exclude Category:
    [logo_grid exclude_cat="1,5,6"]
    Exclude some logo category which you do not want to display. You can pass multiple ids by comma separated.
  • Exclude Post:
    [logo_grid exclude_post="1,5,6"]
    Exclude some logo which you do not want to display. You can pass multiple ids by comma separated.
  • Display Specific Posts:
    [logo_grid posts="1,5,6"]
    Display only specific logo. You can pass multiple ids by comma separated.
  • Order:
    [logo_grid order="DESC"]
    Controls slides order. Values are “ASC” OR “DESC”.
  • Order By:
    [logo_grid orderby="post_date"]
    Display logos in your order. Values are “post_date”, “modified”, “title”, “ID”, “rand” (Random), “menu_order” (Sort Order).
  • Pagination :
    [logo_grid pagination="true"]
    Show/Hide pagination links. Values are “true” OR “false”
  • Pagination Type :
    [logo_grid pagination_type="numeric"]
    Pagination type works when pagination set to true. Values are “Numeric” and “Previous-next”
  • Query Offset :
    [logo_grid query_offset="5"]
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    Note: This will not work with limit=-1.
  • Extra Class:
    [logo_grid extra_class=""]
    You can add extra class here.
    Note: Extra class added as parent so using extra class you customize your design.

Parameters for Logo Filter

[logo_filter]

  • Grid:
    [logo_filter grid="4"]
    Display logo showcase grid / column wise.
  • Design:
    [logo_filter design="design-1"]
    We have given 16 designs. You can use any design.
  • Active Filter:
    [logo_filter active_filter="1"]
    Enter number to remain active / default category tab at initial stage.
    Note: For example : enter 2 for second number tab to active. You can pass cat-{Your Cat ID} (e.g cat-20) also [logo_filter active_filter=”cat-20″].
  • Category Limit:
    [logo_filter cat_limit="0"]
    Number of categories to be displayed for category filter. To display all category pass cat_limit=”0″.
  • All Filter Text:
    [logo_filter all_filter_text="All"]
    Change All filter button text. You can set desired text..
    Note:You can leave the value empty to remove the “All” category tab.
  • Show Logo Title:
    [logo_filter show_title="true"]
    Show logo title or not. Values are “true” and “false”.
  • Logo Image Size:
    [logo_filter image_size="full"]
    Set image size of logo. By default value is “full”. Values are “full”, “large”, “medium”, “thumbnail”.
  • Link
    [logo_filter link="true"]
    Enable external link. Values are “true” and “false”.
  • Link Target:
    [logo_filter link_target="self"]
    Open link in a same tab or in a new tab. Values are “self” OR “blank”.
  • Words Limit:
    [logo_filter content_words_limit="20"]
    Controls content word limit. You can enter numeric values.
    Note: Works with only design 4.
  • Content Tail:
    [logo_filter content_tail="…"]
    Display three dots after the content.
    Note: Works with only design 4.
  • Tooltip:
    [logo_filter tooltip="false"]
    Enable tooltip on logo. Values are “true” OR “false”.
  • Category:
    [logo_filter cat_id="12,13,14"]
    Display Logos by their category ID. You can pass multiple ids by comma separated.
  • Logo Showcase Heading:
    [logo_filter cat_name="Sport"]
    Set your desire Logo Showcase Heading.
  • Display Child Category:
    [logo_filter include_cat_child="true"]
    Display child category slides. Values are “true” OR “false”.
  • Exclude Category:
    [logo_filter exclude_cat="1,5,6"]
    Exclude some logo category which you do not want to display. You can pass multiples ids comma separated.
  • Category Order:
    [logo_filter cat_order="asc"]
    Controls category order. Values are “ASC” OR “DESC”.
  • Category Order By:
    [logo_filter cat_orderby="name"]
    Display category in your order. Values are “name”, “term_id” and “count”.
  • Order:
    [logo_filter order="DESC"]
    Controls slides order. Values are “ASC” OR “DESC”.
  • Order By:
    [logo_filter orderby="post_date"]
    Display logos in your order. Values are “post_date”, “modified”, “title”, “ID”, “rand” (Random), “menu_order” (Sort Order).
  • Extra Class:
    [logo_filter extra_class=""]
    You can add extra class here.
    Note: Extra class added as parent so using extra class you customize your design.

Parameters for Logo List

[wpls_logo_list]

  • Limit:
    [wpls_logo_list limit="15"]
    Display number of logos. To display all logos pass limit=”-1″.
  • Design:
    [wpls_logo_list design="design-1"]
    We have given 16 designs. You can use any design.
  • Logo Showcase Heading:
    [wpls_logo_list cat_name="Sport"]
    Set your desire Logo Showcase Heading.
  • Show Logo Title:
    [wpls_logo_list show_title="true"]
    Show logo title or not. Values are “true” and “false”.
  • Logo Image Size:
    [wpls_logo_list image_size="full"]
    Set image size of logo. By default value is “full”. Values are “full”, “large”, “medium”, “thumbnail”.
  • Link
    [wpls_logo_list link="true"]
    Enable external link. Values are “true” and “false”.
  • Link Target:
    [wpls_logo_list link_target="blank"]
    Open link in a same window or in a new tab. Values are “self” OR “blank”.
  • Animation:
    [wpls_logo_list animation=""]
    Enable animation effect on logo. There are 15 animation effect like flash, pulse, rubberBand, headShake, swing, tada, wobble, jello, bounceIn, fadeIn, fadeOut, lightSpeedOut, rotateIn.
  • Tooltip:
    [wpls_logo_list tooltip="true"]
    Enable tooltip on logo. Values are “true” OR “false”.
  • Words Limit:
    [wpls_logo_list content_words_limit="20"]
    Controls content word limit. You can enter numeric value.
  • Content Tail:
    [wpls_logo_list content_tail="…"]
    Display three dots after the content.
  • Category:
    [wpls_logo_list cat_id="12,13,14"]
    Display Logos by their category ID. You can pass multiple ids by comma separated.
  • Display Child Category:
    [wpls_logo_list include_cat_child="true"]
    Display child category list. Values are “true” OR “false”.
  • Exclude Category:
    [wpls_logo_list exclude_cat="1,5,6"]
    Exclude some logo category which you do not want to display. You can pass multiple ids by comma separated.
  • Exclude Post:
    [wpls_logo_list exclude_post="1,5,6"]
    Exclude some logo which you do not want to display. You can pass multiple ids by comma separated.
  • Display Specific Posts:
    [wpls_logo_list posts="1,5,6"]
    Display only specific logos. You can pass multiple ids by comma separated.
  • Order:
    [wpls_logo_list order="DESC"]
    Controls logo order. Values are “ASC” OR “DESC”.
  • Order By:
    [wpls_logo_list orderby="post_date"]
    Display logos in your order. Values are “post_date”, “modified”, “title”, “ID”, “rand” (Random), “menu_order” (Sort Order).
  • Pagination :
    [wpls_logo_list pagination="true"]
    Show/Hide pagination links. By default value is “true”. Values are “true” OR “false”
  • Pagination Type :
    [wpls_logo_list pagination_type="numeric"]
    Pagination type works when pagination set to true. Values are “Numeric” and “Previous-next”
  • Query Offset :
    [wpls_logo_list query_offset="5"]
    This will hide first five post. E.g I have set offset 5 then it will skip first five post.
    Note: This will not work with limit=-1.
  • Extra Class:
    [wpls_logo_list extra_class=""]
    You can add extra class here.
    Note: Extra class added as parent so using extra class you customize your design.

Shortcode Builder

Check the Result of any Shortcode with Preview using “Shortcode Builder
Please Go To Admin Menu -> Logo Showcase Responsive Slider Pro -> Shortcode Builder.

Gutenberg Blocks Support

Please go to page or post and add “Gutenberg Blocks support“.

Display Logos with Custom Order

You can display Logo’s in custom order with Drag & Drop interface. Click on Sort Logo link on Logo’s listing page, Drag Logo’s row and click the ‘Save Sort Order’ button to save.

Note: Put orderby='menu_order' order="ASC" parameter in Logo shortcode for custom ordering.

Template Structure + Overriding templates via a theme

The template files of Logo Showcase contain the markup and template structure for the front-end of your site. If you open these files you’ll notice they all contain many hooks which will allow you to add / move content without having to edit the template files themselves. This method protects even further against any upgrade issues as the template files can be left completely untouched.

Alternatively, you can edit these files in an upgrade safe way through overrides. Simply copy it into a directory within your theme named /wp-logo-showcase-responsive-slider-pro, keeping the same file structure.

Example To override the Logo Showcase design file simply copy file from /wp-logo-showcase-responsive-slider-pro/templates/designs/design-1.php to yourtheme/wp-logo-showcase-responsive-slider-pro/designs/design-1.php

The copied file will now override the Logo Showcase default template file. Do not edit these files within the core plugin itself as they are overwritten during the upgrade process and any customizations will be lost.

The following template files can be found within the /wp-logo-showcase-responsive-slider-pro/templates/ directory:

  • Click Here To See Template Hierarchy
      designs
    • design-1.php to design-16.php
      filter
    • loop-start.php
    • loop-end.php
      grid
    • loop-start.php
    • loop-end.php
      slider
    • loop-start.php
    • loop-end.php
      list
    • design-1.php to design-3.php
    • loop-start.php
    • loop-end.php
      widgets
      grid
    • loop-start.php
    • loop-end.php
      slider
    • loop-start.php
    • loop-end.php
    • pagination.php