> ## Documentation Index
> Fetch the complete documentation index at: https://docs.digifist.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Pickup Availability (Component)

> Automatic component displaying store pickup availability on product pages

## What It Does

The **Pickup Availability** component automatically displays on product pages when:

1. Store has physical locations configured in Shopify Admin
2. "Local pickup" fulfillment method enabled
3. Product available for pickup at one or more locations

Shows "Pick up available at \[Location Name]" with estimated pickup time and link to view all available locations.

<Note>
  This is an **automatic component** with no customizable settings. Displays automatically when pickup conditions met. Cannot be added/removed/configured in Theme Customizer.
</Note>

## How It Works

### Automatic Display

**Component appears when:**

* Product page loaded
* Store has locations with "local pickup" enabled (Admin → Settings → Locations → Enable pickup)
* Current product/variant available at location(s)
* Inventory at pickup location(s) sufficient

**Component hidden when:**

* No pickup locations configured
* Product unavailable for pickup (out of stock at all locations, or pickup disabled)
* Product marked "Continue selling when out of stock" but inventory 0

### Display Content

**Pickup available:**

* Icon + "Pick up available at \[Location name]"
* Estimated pickup time (e.g., "Usually ready in 24 hours")
* "View store information" link (or "Check other stores" if multiple locations)
* Clicking opens modal showing all pickup locations with availability

**Pickup unavailable:**

* ⊗ Icon + "Pick up unavailable at \[Location name]"
* No additional info or modal

## Configuration (Shopify Admin)

### Enable Store Pickup

**Steps:**

1. Shopify Admin → Settings → Locations
2. Add/Edit location
3. Enable "This location offers local pickup"
4. Configure pickup instructions (optional)
5. Save

**Result:** Products with inventory at this location show pickup availability on product pages

### Set Pickup Availability

**Per-location settings:**

* **Pickup enabled:** Checkbox to allow/disallow pickup at this location
* **Pickup instructions:** Custom message (e.g., "Pickup at rear entrance," "Call upon arrival")
* **Estimated pickup time:** Auto-calculated based on fulfillment settings (usually 24-48 hours)

**Inventory requirement:**

* Product must have inventory at pickup location (tracked inventory > 0)
* If inventory = 0, "unavailable" message displays

## Best practices

<CardGroup cols={2}>
  <Card title="Enable for Retail Locations" icon="store">
    If you have physical retail stores, enable pickup to drive foot traffic and offer customers convenient fulfillment option.
  </Card>

  <Card title="Accurate Inventory" icon="boxes-stacked">
    Keep pickup location inventory accurate. Customers frustrated if pickup shows available but item out of stock on arrival.
  </Card>

  <Card title="Clear Pickup Instructions" icon="clipboard-list">
    Add pickup instructions in Admin (e.g., "Pickup at customer service desk"). Helps customers find pickup area.
  </Card>

  <Card title="Realistic Pickup Times" icon="clock">
    Set realistic estimated pickup times. If orders take 48 hours to prepare, configure fulfillment settings accordingly.
  </Card>
</CardGroup>

## Related Components

* **[Product Page (Template)](/themes/mojave/products/product-page)** - Product page where pickup availability displays
* **[Cart](/themes/mojave/pages-templates/cart)** - Cart page (pickup availability may display here too)

## Key Takeaways

* **Automatic component** - No Theme Customizer settings, displays automatically when conditions met
* **Requires Admin setup** - Enable pickup in Settings → Locations
* **Shows nearest location** - Displays closest store with availability first
* **Modal for multiple locations** - Click link to see all pickup locations
* **Inventory-dependent** - Only shows if product in stock at pickup location
* **No customization** - Cannot modify appearance/position without code editing

To enable/configure store pickup, go to Shopify Admin → Settings → Locations → Enable local pickup.