Dynamic Product Category Grid, Slider for WooCommerce

⌘K
  1. Home
  2. Dynamic Product Category ...
  3. Getting Started
  4. Grid Layout

Grid Layout

WP Team Manager Grid Layout – Full Settings Guide

The Grid Layout in WP Team Manager offers extensive customization options to display your team members attractively and responsively. Below are all key settings options, detailed for optimal configuration.


1. Layout & Style Types

OptionDescriptionPossible Choices
Layout TypeSelect the overall layout style of the team grid.Grid (Default), List, Circular, Card with Shadow
Style TypeChoose visual themes for the grid appearance.Colorful, Minimal, Dark Mode
Card StyleApply specific style presets for member cards.Default, Rounded, Shadowed
Responsive ColumnsDefine the number of columns per device type.Mobile: 1-2, Tablet: 2-3, Desktop: 3-4

2. Design & Styling Options

OptionDescriptionDetails / Choices
Theme PresetQuick style preset for card appearance.Light, Dark, Custom (user-defined)
Card ShadowApply drop shadow to team member cards.Enabled / Disabled
Background ColorSet background color for the entire grid or individual cards.Color picker
Primary ColorColor used for links, icons, and accents.Color picker
Card BackgroundBackground color of each team member’s card.Color picker
Border RadiusRounding of the card corners.0px – 20px
Grid GapSpace between individual team cards.Numeric value in px (e.g., 10, 20, 30)
Box Shadow EffectAdd shadow effect to cards for depth.Enabled / Disabled
Social Icons ColorColor of social media icons within each card.Color picker
Custom CSS (Scoped)Add custom CSS rules scoped to the team grid for advanced styling.Textarea for CSS code

3. Image Settings

OptionDescriptionChoices / Details
Image SizeSelect size of team member images.Full, Thumbnail, Custom
Image StyleStyle of profile images.Boxed, Rounded, Circle

4. Display & Content Options

OptionDescriptionChoices / Toggles
Hide Job TitleShow or hide team members’ job titles.Toggle: Yes / No
Hide Additional InfoShow or hide extra info such as bios or details.Toggle: Yes / No
Hide Read MoreShow or hide ‘Read More’ links.Toggle: Yes / No
Hide Social IconsShow or hide social media icons on profiles.Toggle: Yes / No
Show PaginationEnable or disable pagination for large teams.Toggle: Yes / No
Pagination TypeStyle of pagination controls.Ajax, Classic

5. Filtering & Sorting

OptionDescriptionDetails / Choices
Taxonomy RelationLogic between multiple taxonomy filters.AND / OR
Include Terms (IDs)Filter members to include only those with these taxonomy terms.Comma-separated list of term IDs
Exclude Terms (IDs)Exclude members with these taxonomy terms.Comma-separated list of term IDs
Keyword SearchSearch team members by keywords in name, bio, etc.Text input
Date RangeFilter members by date added or modified.Start Date – End Date
Order ByHow to sort team members.Name, Date, Random, Custom
Order DirectionAscending or Descending.Asc / Desc

6. Layout & Style Types

OptionDescriptionChoices
Grid (Default)Standard grid layout.Default
ListVertical list of team members.List
CircularCircular profile images with overlay info.Circular
Card with ShadowCards featuring shadow and hover effects.Card with Shadow

7. Responsive Column Settings

DeviceColumns per rowOptions
Mobile1 or 21, 2
Tablet2 or 32, 3
Desktop3 or 43, 4

8. Additional Styling & Customization

OptionDescriptionUsage
Custom CSSAdd CSS for further fine-tuning layout and style.Insert CSS code in the provided textarea.
Hover EffectsDefine effects when hovering over a team card (e.g., zoom, color).Choose effects from options or custom CSS.
AnimationAnimate entrance or hover effects for team profiles.Fade, Slide, Zoom, etc.

Final Step:

Once all styling, filtering, and layout options are configured, save your settings. Then, embed the generated shortcode into your page or post to display your customized team grid.


Need More Help?

For advanced customization, custom CSS, or layout tweaks, consult the plugin support documentation or contact support.

How can we help?