Skip to main content

Test the Picker on Desktop and Mobile

This article helps you confirm that customers can use the delivery or pickup picker before you go

This article helps you confirm that customers can use the delivery or pickup picker before you go live.

What this helps you do

Test your cart experience on desktop and mobile and confirm that dates, times, and restrictions work as expected.

Prerequisites

  • The app is installed and configured

  • The picker is visible in your theme

  • At least one location and schedule is active

Instructions

  1. Open your storefront on a desktop browser.

  2. Add a product to the cart.

  3. Check that the picker loads without overlapping the cart buttons or totals.

  4. Test all available methods:

    • local delivery

    • local pickup

  5. Select a date.

  6. If enabled, select a time or time slot.

  7. Enter a test address if your delivery setup uses area restrictions.

  8. Confirm that unavailable areas or dates are blocked correctly.

  9. Continue to checkout. If your store has the app's checkout extension enabled, confirm the saved delivery or pickup selection appears there. Otherwise, confirm checkout can proceed after the cart selection is complete.

  10. Repeat the same test on a mobile phone or in mobile device preview.

  11. If your theme includes a cart drawer, test the cart drawer separately.

  12. Save a short record of the test:

    • tested page

    • tested device

    • result

  13. On the app dashboard, review Widget status. Open the editor for each
    placement that is disabled or not verified.

  14. If you use the Thank You Page or Order Status block, place a test order and
    confirm the saved schedule appears on those pages. Do not treat an
    Enabled dashboard badge alone as proof that buyers see the correct data.

Desktop cart with a completed fictional delivery selection:

Desktop storefront cart showing a selected delivery location, date, and time

Mobile cart with the same selection and checkout action:

Mobile storefront cart showing a selected delivery location, date, and time

Expected result

The picker works correctly on desktop and mobile, and customers can complete the intended selection without confusion.

Troubleshooting notes

  • If the picker appears cut off on mobile, check the theme layout and app placement.

  • If a date can be selected when it should be blocked, review lead times, cutoff times, and blackout dates.

  • If customers outside your delivery zone still see delivery, review the delivery restriction method and test address format.

Important warnings or limitations

Warning: Always test on the live theme preview before announcing local delivery or pickup to customers.

  • Theme preview results can differ from the live storefront if unpublished theme changes are still pending.

  • Some themes load cart content dynamically, so both cart page and cart drawer must be tested if both exist.

Suggested Articles

When and how to contact support

Contact support if the picker behaves differently on desktop and mobile or breaks your cart layout.

Send:

  • your store URL

  • theme name

  • device type and browser

  • screenshots or a screen recording

  • the product used in the test

  • steps to reproduce the issue

Use:

Did this answer your question?