Admin settings — SF Station, Locker, Partner Point
Configure HK Pickup after install. Open from Shopify Admin → Apps → HK Pickup (opens in a new tab).
Install HK Pickup on the Shopify App Store →
Page overview
Section titled “Page overview”Open Shopify Admin → Apps → HK Pickup. The page has three tabs:
| Tab | Purpose |
|---|---|
| Settings | Pickup types, colors, translations (below) |
| Installation | Enable the theme app embed (master on/off) |
| Tutorial | Links to setup guides |
On Settings, use the section links or scroll to:
| Section | What it controls |
|---|---|
| Pickup types | Which SF categories appear in the storefront picker |
| Colors & theme | Optional dialog colors (off by default) |
| Translations | Optional popup text in English, 繁體, 简体 |
Click Save settings at the top after any change.
Pickup types
Section titled “Pickup types”Choose which SF Express categories customers can filter and select:
| Toggle | SF category | Examples |
|---|---|---|
| SF Station (順豐站) | Store 順豐站 | SF station counters |
| SF Locker (順豐自助櫃) | Locker 自助櫃 | Self-service lockers |
| SF Partner Point (合作點) | Partner 合作點 | Partner pickup points |
- Enable at least one type — otherwise the pickup list will be empty.
- Disabled types are hidden from the Service type dropdown on the storefront.
- You do not upload locations — HK Pickup loads SF Express HK data automatically.
Master on/off for the whole feature is not here — use Theme editor → App embeds.
Colors & theme
Section titled “Colors & theme”Customization is off by default. With it off, the dialog uses built-in styles that work on most themes.
Enable customization
Section titled “Enable customization”- Check Enable customization under Colors & theme.
- Set any of these colors (hex or CSS color values):
| Field | Affects |
|---|---|
| Primary button | Main actions (e.g. Continue to checkout) |
| Secondary background | Secondary buttons |
| Secondary border | Secondary button borders |
| Selected row | Highlighted pickup location in the list |
| Dialog backdrop | Dimmed area behind the popup |
- Click Save settings.
- Reload your storefront to see changes.
Leave a color field blank to keep the default for that token.
For fonts, corner radius, and theme matching, see Styling the dialog.
Disable customization again
Section titled “Disable customization again”Uncheck Enable customization and save. The storefront returns to default styles after reload.
Translations
Section titled “Translations”Dialog copy depends on whether Enable customization is on.
Customization off (default)
Section titled “Customization off (default)”The storefront uses built-in labels from the HK Pickup app extension (English, 繁體中文, 简体中文). They follow the customer’s active storefront language automatically.
To tweak default wording without HK Pickup admin overrides, use Shopify Translate & Adapt on the app extension locale strings (Apps → HK Pickup in Translate & Adapt, or Settings → Languages). The theme editor app embed has no label text fields — only checkout selectors and Pilot / Developer mode.
Customization on
Section titled “Customization on”Override dialog text in the Translations table below (English, 繁體, 简体). Worker admin values take precedence over the built-in extension locales.
- Leave blank → built-in default (shown in grey under each input).
- Type your text → your override is used for that language.
Examples: dialog heading, “SF Express pickup”, “Ship to my address”, search placeholder, empty/error messages, filter labels, confirm/back buttons.
Location names and addresses in the results list come from SF Express data — they are not edited here.
Settings vs theme editor
Section titled “Settings vs theme editor”| Control | Where |
|---|---|
| Show/hide HK Pickup on storefront | Theme editor → App embeds |
| Which pickup types to offer | Apps → HK Pickup → Pickup types |
| Dialog colors and popup copy | Apps → HK Pickup → Colors & Translations (customization on) |
| Dialog fonts, radius, theme CSS | Theme CSS — see Styling the dialog |
| Default dialog copy (customization off) | Built-in app extension locales; optional Translate & Adapt |
| Checkout button selectors | Theme editor → App embeds → HK Pickup |
Order attributes (fulfilment)
Section titled “Order attributes (fulfilment)”HK Pickup saves the customer’s delivery choice on the order via cart attributes:
_sf_delivery_mode—pickuporhome- SF pickup fields (
_sf_pickup_code,_sf_pickup_type,_sf_pickup_address, region, district, locale) — only when the customer chose SF Express pickup
View them under Shopify Admin → Orders → Additional details. Full attribute list: Quickstart → What is saved on the order.
Next step
Section titled “Next step”👉 Verify checkout — confirm SF pickup and home delivery on your store.