Community Group List

File: sections/community-group-list.liquid

Templates: page.chapters.json

Description

Community Group List Section

A dynamic section that displays and filters community groups from Shopify metaobjects.

Features:

• Displays community groups in a responsive card grid layout
• Real-time search functionality
• Filtering by country, state (US only), and meeting type
• Displays group details including:
  • Group name
  • Country with flag
  • Meeting type
  • Language
  • Contact information (email and website)
  • Group leaders with their photos and contact info

Data Structure:

• Uses Shopify metaobjects for:
  • community_group (main data)
  • person (leader information)
  • languages (group languages)

Dependencies:

• Tailwind CSS for styling
• Shopify Storefront API for data fetching

@section @author The Monroe Institute @last-modified 2024-03

Presets

• Community Group List

Usage

This section can be added via the Shopify theme editor.

{% section 'community-group-list' %}