Agent Default

The Agent Default widget in the Zozonest plugin is an Elementor-based tool used to showcase individual real estate agent profiles in a standardized card format. Like other Zozonest widgets, it integrates with Elementor’s control panel to provide a blend of content management and design flexibility.

1. Content & Layout Options

These settings define the basic visual structure of the agent cards:

• Agent Layout/Skin: Choose from different predefined design styles (e.g., “Classic” or “Modern”) to determine how the agent’s photo, name, and title are arranged.

• Columns: Control how many agents are displayed in a single row, typically ranging from 1 to 4.

• Total Items: Specify the maximum number of agent profiles to load within the widget.

2. Query & Filtering Options

The query section allows you to curate which specific agents appear in the widget:

• Filter by Agency: Restrict the display to agents belonging to a specific real estate firm or office.

• Selection Type: Choose to display the “Latest Agents,” “Random Agents,” or manually select individual agents by their ID.

• Order By & Sorting: Organize the agent list by name (alphabetical), date joined, or a custom “Menu Order” set in the backend.

3. Information Display (Meta Data)

Toggle which specific details are visible on each agent card:

• Profile Image: Enable or disable the agent’s headshot and set image proportions to ensure uniformity.

• Contact Details: Choose whether to show the agent’s phone number, email address, or “Social Media” icons directly on the card.

• Listing Count: A toggle to show how many active properties are currently assigned to that agent.

• View Profile Button: Customize the text for the call-to-action button (e.g., “View My Listings” or “Contact Agent”).

4. Design & Style Settings

Through Elementor’s Style tab, you can override theme defaults for a branded look:

• Typography: Set the font family, size, and weight for the agent’s name and professional title.

• Color Palette: Customize the colors for text, icons, background cards, and button states (Normal vs. Hover).

• Card Styling: Adjust the border-radius (for rounded corners), box-shadow, and padding around each agent card.