# Product pickup

<figure><img src="/files/fJZtBnCqictVylwd0Yuo" alt=""><figcaption></figcaption></figure>

## Overview

Displays local pickup availability for the selected variant with store location details. Shows availability status, pickup times, and store addresses. Opens a drawer overlay when clicked to display detailed information about all available pickup locations. Content updates dynamically when variant selection changes.

## Common use cases

* Display pickup availability on product pages for stores with local pickup enabled
* Configure internal padding for better visual spacing within the pickup button
* Use appropriate color schemes and borders to match your theme design
* Set visibility options based on whether pickup is primarily a mobile or desktop feature
* Integrate with product variant selection to show real-time pickup availability

## Block settings

### General

| Setting                | Description                 | Options                   |
| ---------------------- | --------------------------- | ------------------------- |
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |

### Content

| Setting | Description                                           | Options        |
| ------- | ----------------------------------------------------- | -------------- |
| Product | Select the product to display pickup availability for | Product picker |

### Spacing

| Setting                   | Description                                | Options                   |
| ------------------------- | ------------------------------------------ | ------------------------- |
| Enable internal padding   | Adds internal padding to the pickup button | Checkbox (default: true)  |
| Enable horizontal padding | Adds horizontal padding around the block   | Checkbox (default: false) |
| Enable top padding        | Adds top padding around the block          | Checkbox (default: false) |
| Enable bottom padding     | Adds bottom padding around the block       | Checkbox (default: false) |

### Color

| Setting      | Description                             | Options                                                                                                                                                                                    |
| ------------ | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Color scheme | Controls the background and text colors | <p>• Body (default)<br>• Neutral<br>• Accent 1<br>• Accent 2<br>• Accent 3<br>• Shade 1<br>• Shade 2<br>• Shade 3<br>• Primary<br>• Secondary<br>• Tertiary<br>• Blur<br>• Transparent</p> |
| Color border | Controls the border color               | <p>• Body<br>• Subtle (default)<br>• Strong<br>• Primary<br>• Secondary<br>• Tertiary<br>• None</p>                                                                                        |

### Display

| Setting    | Description                        | Options                                                                                                                            |
| ---------- | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- |
| Visibility | Controls when the block is visible | <p>• All (default)<br>• Mobile only<br>• Desktop only</p><p><br><br>Visible when <strong>Show advanced settings</strong> is on</p> |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/slab/content/blocks/products/pickup-availability.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.