Country Locations

File: sections/country-locations.liquid

Templates: page.locations.json

Description

Country Locations Section

A dynamic section that displays location cards for a specific country using Shopify’s GraphQL Storefront API.

Features:

• Fetches location metaobjects from Shopify’s GraphQL API
• Filters locations by country name
• Displays locations in a responsive grid layout
• Each location card shows:
  • Location image (if available)
  • Location name
  • Venue name
  • City and state/province

Settings:

• country_name: The name of the country to display locations for

Dependencies:

• Requires Shopify Storefront API access token
• Uses Tailwind CSS for styling
• Requires location metaobjects to be set up in Shopify admin with the following fields:
  • name: Location name
  • image: Location image
  • venue_name: Name of the venue
  • city: City name
  • state_or_province: State or province name
  • country: Reference to country metaobject

Settings

ID	Type	Label	Default	Info
country_name	text	Country Name		Name of the country to display locations for

Presets

• Country Locations (Category: Location)

Usage

This section can be added via the Shopify theme editor.

{% section 'country-locations' %}