WebToNative
  • Getting started
  • Plugin Setup
    • OneSignal Set Up
    • Google AdMob Setup
    • In App Purchase - iOS Setup
    • In App Purchase - Android Setup
    • Firebase Notification Integration - iOS Setup
  • Social Login Integrations
    • Getting the SHA Key for Google Login
    • Create Google OAuth Client Id
    • Facebook Login Configuration
  • Javascript APIS
    • Getting Started
    • Status Bar
    • Pull To Refresh
    • Close App
    • Device Info
    • Clear App Cache
    • OneSignal Push Notification
    • Download Files
    • Printing Options
    • AdMob
    • Geo Location
    • Load In External Browser
    • Barcode Scan
    • In App Purchase - iOS Integration
    • In App Purchase - Android Integration
    • Social Login
    • Facebook App Events
    • Bottom Navigation
    • Clipboard
    • Screen Control
    • Background Location
    • Native Contacts
    • iOS App Tracking Transparency
    • Google Firebase Analytics
    • Haptic Feedback
    • Google Firebase Notification
    • Apps Flyer
    • App Review
    • Calender - iOS
    • Calendar - Android
    • Biometric Authentication
    • Media Player
    • Notification View
    • Offer Card
    • Cookie Update
    • App Launch Detection
    • Download Manager
    • Dynamic App Icon
    • File Sharing
  • Bluetooth - Android
  • Orientation Handling - Android
  • Website Plugins
    • Wordpress
      • Push notification (WooCommerce)
      • In-App Purchase
        • In-App Purchase (IAP) Configuration Guide for iOS and Android
        • In-App Purchase (WooCommerce)
        • In-App Purchase
      • Offercard
      • Biometric Authentication
      • Social Login
      • Webtonative media player
        • WebToNative Radio Player
        • MediaPlayer Native Control
    • Bubble.io
      • Customize Status Bar
      • Device-Based Element Visibility
      • Pull to Refresh (Android)
      • OneSignal Push Notification
        • Set External ID
        • Send Push Notification
        • Set/Remove Email or SMS Phone
        • Set Tag
      • Close App
      • Get Device Info
      • Clear App Cache (Android)
      • Screen Control
      • Facebook Events
        • Regular
        • Purchase
      • AdMob
      • Offercard
      • In-App Purchase
        • In-App Purchase (Android/iOS)
        • Get IAP Canceled Subscription List (iOS)
      • Social Login
      • Biometric Authentication
  • Shopify
    • Social Login
    • In-App Purchase
      • In-app purchase
    • Push Notification
      • Abandoned Cart
    • Status Bar Customization
    • Native Device Visibilty
    • Set Onesignal Tags
    • Pull to Refresh
    • Account Deletion
    • Biometric Authentication
  • Upload Apps
    • Android App
    • Ios App
Powered by GitBook
On this page
  • How to Enable Pull To Refresh in Shopify
  • How It Works
  • Customization
  • Troubleshooting
  • Conclusion

Was this helpful?

  1. Shopify

Pull to Refresh

PreviousSet Onesignal TagsNextAccount Deletion

Last updated 2 months ago

Was this helpful?

The Pull To Refresh feature allows users to refresh their Shopify store pages on native mobile apps by pulling down on the screen. This improves user experience by enabling a seamless way to reload content.

How to Enable Pull To Refresh in Shopify

Follow these steps to enable Pull To Refresh in your Shopify theme:

  1. Go to Shopify Admin:

    • Navigate to Online Store > Themes in your Shopify admin panel.

  2. Customize Your Theme:

    • Click Customize next to your active theme.

  3. Enable App Embed:

    • Go to the App Embeds section in the theme editor.

    • Look for Pull To Refresh and toggle it ON.

  4. Save Your Changes:

    • Click Save to apply the settings.

How It Works

The Pull To Refresh functionality is powered by the WebtoNative JavaScript library. When enabled, the feature detects user gestures and triggers a page reload when the user pulls down on the screen.

Customization

  • You can toggle the Enable checkbox in the theme editor to turn the feature on or off.

  • Modify the pulltorefresh_status setting in the block schema to true by default if you want it enabled automatically.

Troubleshooting

Issue
Solution

Pull To Refresh not working

Ensure that the WebtoNative script is loading correctly. Check for console errors in the browser.

Feature not appearing in App Embeds

Confirm that the app is installed and enabled under App Embeds.

Page refresh not triggered

Ensure you are using the feature within a WebtoNative-supported app environment.

Conclusion

The Pull To Refresh feature enhances the Shopify store experience on mobile apps by allowing users to refresh pages with a simple gesture. By following the setup guide, you can easily enable and manage this feature within your Shopify theme.

For further assistance, visit WebtoNative Support or contact your Shopify developer.

Before
After