How do I hide available for pickup/store info on product pages?

Store Design

Topic summary

Issue: Shopify’s local pickup feature automatically displays store addresses (often home addresses) on every product page, which users find intrusive, unprofessional, and difficult to remove while maintaining pickup as a checkout option.

Primary Solutions:

  • CSS Method (Most Common): Add custom CSS code to hide the pickup information display. The specific class name varies by theme:

    • Debut theme: .store-availability-information
    • Dawn theme: .pickup-availability-info (in base.css)
    • Turbo/OotS themes: .surface-pick-up-embed
    • Sense theme: Comment out pickup-availability.liquid file

  • Theme Settings (Easiest): Some themes (like Impulse) include a built-in toggle in the product page design settings under “Buy buttons” to disable pickup availability display without code changes.

Implementation: Users add the CSS snippet to their theme’s stylesheet (typically at the bottom of styles.css.liquid or via custom CSS section in theme customization). For 2023+ themes, custom CSS can be pasted directly in theme settings.

Remaining Challenge: Some users report a persistent green checkmark icon even after hiding text. Solution involves targeting the parent container class rather than individual elements.

Note: One user received custom Shopify support to add a visibility toggle, but this wasn’t made publicly available.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
26

Great, this works !! And it’s an easy solution. Thanks.