Skip to content

Product Data & Display

The native app operates on a “Single Source of Truth” principle. It consumes the exact same data APIs as your web shop. This means there is zero additional effort required to manage product data for the app.

Data Synchronization

Product Information

Changes made in your PIM (Product Information Management) or ERP system are reflected in the app immediately after the API index is updated.

  • Titles & Descriptions: Taken directly from the data feed.
  • Attributes: Size, Color, Material, etc., are dynamically loaded.
  • Prices: The app always displays the current price provided by the pricing engine.

Inventory & Stock

The app checks inventory status immediately when loading the Product Detail View.

  • Out of Stock: If a product or a specific size variant is out of stock, it is visibly marked as unavailable (e.g., grayed out) immediately.
  • Add to Cart: Users cannot add items to the cart that are currently out of stock. This preventive check ensures a frustration-free shopping experience.

Search & Filtering

The app is fully integrated with the Product Search (EPS) engine.

  • Search Logic: The app uses the same search algorithms, ranking rules, and synonyms as the web shop.
  • Filters: Filter facets (e.g., Brand, Size, Color) configured in the search backend are automatically rendered as native filter menus in the app. No separate app configuration is needed.

Media Assets (Images)

Since native apps run on high-density screens (Retina, OLED), visual quality is paramount. However, loading massive images impacts performance.

The app solves this by using an Image Server with Policies:

  1. Standard View: When browsing the product page, the app fetches an optimized version of the image. This ensures fast loading times and low data usage while maintaining good visual quality.
  2. Zoom View: Only when the user pinches to zoom or opens the fullscreen gallery, the app fetches the High-Resolution version of the image to show full details.

Image Best Practices

  • Resolution: Please provide high-resolution source images (at least 1500px width recommended) to your image server. The policies will handle the downscaling automatically.
  • Aspect Ratio: The app respects the aspect ratio defined in your shop settings (usually Portrait 3:4 or Square 1:1). Please ensure consistency across all products to avoid layout shifts.

HTML Descriptions

Product descriptions often contain HTML formatting. The app handles this by sanitizing and rendering the HTML natively.

App-Specific Visibility

Technically, the app shows the entire assortment available in the API. If you need to hide specific categories from the app (or make them app-exclusive), this logic must be implemented at the API/Search Engine level, not within the app itself. The app simply displays what the API delivers.