Page Refresh

The Page Refresh feature in Twinr enables your app to automatically refresh all screens when changes occur in specified page refresh identifiers.

This is particularly useful for dynamic content, ensuring that users see the most up-to-date information without needing to manually refresh the app.

How It Works

Twinr provides two options to keep your app screens updated:

1. Tab Auto-Refresh

   • When enabled, each tab in your app will reload automatically every time users switch between them.

   • By default, tabs are preloaded once and do not refresh when switching. Enabling this ensures users always see the latest information.

2. Page Refresh Integration

   • You can define Element Identifiers (e.g., .et-cart-quantity) that the app will monitor for changes.

   • Whenever the defined element changes, all related app screens automatically refresh to reflect the updated data.

   • Example: If a user adds an item to their cart, the cart screen refreshes to display the new total or updated item list.

How to Enable?

1.) Go to General Settings from the left menu and select the Page Refresh tab.

2.) Toggle Enable Tab Auto-Refresh if you want tabs to reload every time users switch tabs.

3.) Toggle Enable Page Refresh Integration if you want the app to refresh screens when specific elements are updated.

4.) Add the required Element Identifier(s).

• Example: .et-cart-quantity

• You can find the cart counter selector by inspecting the cart button on your website.

5.) Click Save As a Draft to save your changes.

5MB

How to Integrate Cart and Wishlist into your App _ Easy as A, B, C with Twinr.mp4

3.) Save as Draft and Preview.