label{ width: 30%; display: inline-block; } select ,textarea{ width: 60%; } .half{ width: 45%; padding:0 10px; float: left; } #' . ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'cat_box{ margin-left: 32%; } .wp-picker-container, .wp-picker-container:active{ vertical-align: middle; } @media (max-width: 720px){ label{ width: 100%; display: inline-block; } select,textarea{ width: 100%; } #' . ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'cat_box{ margin-left: 0; } .half{ width: 90%; float: none; } }

' . __('ShortCode Generator', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '

' . __('Shortcode Options', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '

'; // tabs $o .= '
'; // end tabs $o .='
'; // General Tab $o .= '
'; // query builder $o .= '


'; // category select $o .= '

'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'cat_box', array( 'parent_id' => array('itls_custom_cat'), 'itls_custom_cat' => array('select', 'false') )); $categories = get_terms(ITLS_Custom_Post_Taxonomy); if ($categories) { $o .= '

' . $dep; foreach ($categories as $category) { $o .= '' . $category->name . '
'; } $o .= '

'; } $o .= '

'; // OrderBy $o .= '

'; // Order $o .= '

'; // layout Tab $o .= '
'; // layout setting $o .= '


'; // Layout Select $o .= '


Carousel And filtrable Layouts are available on Pro version

'; // fields for grid layout $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'col_desktop', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid') )); $o .= '

' . $dep . '

'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'col_tablet', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid') )); $o .= '

' . $dep . '

'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'col_mobile', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid') )); $o .= '

' . $dep . '

'; // end grid fields // fields for carousel layout $o .= '
'; // Style Tab $o .= '
'; // Style setting $o .= '


'; // background Item color $o .= '

'; // borders $o .= '

'; $dep = itls_logo_showcase_dependency('border_width_title', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $o .= $dep.'

'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_top_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_top', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_right_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_right', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_bottom_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_bottom', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_left_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_width_left', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; // end border width $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_color_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted', 'double') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_color', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'border_style' => array('select', 'solid', 'dashed', 'dotted', 'double') )); $o .= '

' . $dep . '

'; // border radius $o .= '

'; $o .= '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $o .= '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $o .= '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $o .= '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '

'; // end border radius // padding $o .= '

'; $o .= '
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'; // margin $o .= '

'; // dep for remove margin top and bottom when carousel is selected $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'margin_top_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid' ,'list' ,'isotope') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'margin_top', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid' ,'list' ,'isotope') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; $o .= '
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'margin_bottom_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid' ,'list' ,'isotope') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'margin_bottom', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout' => array('select', 'grid' ,'list' ,'isotope') )); $o .= $dep .'
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'.__('px',ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'
'.$dep; // shadow options $o .= '


'; $o .= '

'; // horizontal position $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_h_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_h', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; // vertical position $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_v_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_v', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; // blur $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_blur_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_blur', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; // shadow size $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_spread_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_spread', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $o .= $dep . '
' . __('px', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '
'; // color $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_color_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow_color', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'shadow' => array('select', 'outset', 'inset') )); $o .= '

' . $dep . '

'; // custom css class name $o .= '

'; // $o .= '
'; // hover setting $o .= '



Hover settings are available on Pro version


Hover styles are contain:
  • Item Background Color
  • Effect on hover: Opacity, grayscale, zoom-in & zoom-out effects
  • Hover Border Setting: Border style, color, size & radius
  • Hover Shadow Setting
'; // Hover background Item color $o .='
'; // View Details Tab $o .='
'; // logo quick view or tooltip $o .= '


'; $dep = itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'tooltip_box', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'=> array('select' , 'grid' ,'isotope' ,'carousel') )); $dep .= itls_logo_showcase_dependency(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'tooltip', array( 'parent_id' => array(ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'), ITLS_LOGO_SHOWCASE_FIELDS_PERFIX . 'layout'=> array('select' , 'grid' ,'isotope' ,'carousel') )); $o .= '

' . $dep . '

' . __('Tooltip', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '

'; $o .= '

Full view is available on Pro version

Note: Full view show logo details (image, website, email, phone, social icons, describtion, image gallery) on popup modal or under each clicked item. '; $o .= '
'; // end Content Tabs $o .= '
'; // $o .= '

' . __('Shortcode Text', ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '

' . __("Use this shortcode to display the list of logos in your posts or pages! Just copy this piece of text and place it where you want it to display.", ITLS_LOGO_SHOWCASE_TEXTDOMAIN) . '

'.__("Preview Box",ITLS_LOGO_SHOWCASE_TEXTDOMAIN).'

'; echo $o; ?>