Learn PhyGrid
Lift & Learn settings explained ยท Learn PhyGrid

Lift & Learn settings explained

Console settings

  1. Installation name: Edit the installation name that will be displayed in Apps โ†’ Installations
  2. Add to group: Change the installation group it belongs to and will be shown in Apps โ†’ Installations
  3. Multi-language support: Enable one or more languages. This applies to multi-language text fields such as omnibar CTA texts, promo text, and QR code CTA texts
Step image 1

App settings

  1. Version: Select a specific app version for your installation
Step image 1

Peripherals

  1. Nexmo Sensor: Pick the Nexmosphere sensor connected to the device
Step image 1

General

  1. Company Logo โ†’ Pick an asset: Upload the logo image displayed on the screen (PNG, JPEG, GIF, SVG, or WebP)
  2. Company Logo โ†’ Customize CSS: Custom CSS targeting the .company-logo-container class
Step image 1

Product list

  1. Add: Creates a new product entry in the list
  2. Pick a product: Pick a product from the catalog. The selected product's RFID tag (its NEXMO-{number} EAN) is what triggers the screen content
  3. Background Media: Upload an image or video shown in the background of the product details screen (PNG, JPEG, WebP, MP4, or WebM)
  4. Custom CSS: Custom CSS targeting the .product-info-background class for the individual product entry
Step image 1

Screens

  1. Mode: Choose how the screen behaves when products are lifted
    • Standard: Only one product is shown on the screen at a time
    • Compare: Lifting two products shows a side-by-side comparison layout
Step image 1

Standard mode: Idle screen

  1. Background โ†’ Media: Upload the image or video shown when no product is lifted
  2. Background โ†’ Customize Style: Custom CSS targeting the .idle-container and .idle-media classes
Step image 1

Standard mode: Idle omnibar

  1. Enable: Toggle the omnibar overlay on the idle screen on or off
  2. CTA Icon: Upload an icon displayed in the omnibar. If empty, a default built-in icon is used
  3. CTA Header Text: Multi-language headline text shown in the omnibar
  4. CTA Subheader Text: Multi-language secondary text shown in the omnibar
  5. Customize Style: Custom CSS targeting .omnibar-container, .cta-header-text, .cta-subheader-text, and .cta-icon classes
Step image 1

Standard mode: Motion-triggered overlay

  1. Active: Toggle the motion-triggered wakeup overlay on or off
  2. Customize Style: Custom CSS targeting .motion-detect-container, .cta-header-text, .cta-subheader-text, and .cta-icon classes
Step image 1

Standard mode: Product details

  1. Background โ†’ Customize Style: Custom CSS for the product details background
  2. Product Info โ†’ Customize Style: Custom CSS targeting .product-brand, .product-title, .product-category, and .product-description
  3. Image Gallery โ†’ Enable Thumbnail Images: Show thumbnail navigation alongside the main product image gallery
  4. Image Gallery โ†’ Customize Style: Custom CSS targeting .gallery-container, .gallery-dots, .gallery-carousel, .gallery-thumbnails, and .image-card
  5. Price and Promo Section โ†’ Custom Promo Text: Multi-language promotional text shown in the pricing area
  6. Price and Promo Section โ†’ Enable Product Label: Show or hide the product label tag in the pricing area
  7. Price and Promo Section โ†’ Customize Style: Custom CSS targeting .price-container, .retail-price, .slashed-price, .promo-custom-text, and .promo-product-label
  8. Key Selling Points โ†’ Customize Style: Custom CSS targeting .selling-point-details
  9. QR Code โ†’ Enable: Toggle the QR code display on or off
  10. QR Code โ†’ QR Code Background: Upload an image used as the QR code background
  11. QR Code โ†’ QR Code URL: The destination URL encoded into the QR code
  12. QR Code โ†’ CTA Header Text: Multi-language headline text shown next to the QR code
  13. QR Code โ†’ CTA Subheader Text: Multi-language secondary text shown next to the QR code
  14. QR Code โ†’ Customize Style: Custom CSS targeting .qr-media-background, .qr-code-container, .qr-code, .cta-header-text, and .cta-subheader-text
Step image 1
Step image 2
Step image 3
Step image 4

Compare mode: Idle screen

  1. Background โ†’ Media: Upload the image or video shown when no product is lifted in compare mode
  2. Background โ†’ Customize Style: Custom CSS targeting the .idle-container and .idle-media classes
Step image 1

Compare mode: Idle omnibar

  1. Enable: Toggle the omnibar overlay on the idle screen on or off
  2. Left CTA Header Text: Multi-language headline text for the left side of the comparison omnibar
  3. Left CTA Subheader Text: Multi-language secondary text for the left side
  4. Right CTA Header Text: Multi-language headline text for the right side of the comparison omnibar
  5. Right CTA Subheader Text: Multi-language secondary text for the right side
  6. Customize Style: Custom CSS targeting .omnibar-container, .cta-left-header-text, .cta-left-subheader-text, .cta-right-header-text, and .cta-right-subheader-text
Step image 1

Compare mode: Motion-triggered overlay and Product details

Themes

Colors

Each color slot has a Main Color and a Contrast Color used for text or icons rendered on top of the main color.

  1. Default: Base color pair used across the app.
  2. Primary: Accent color pair.
  3. Secondary: Secondary accent color pair.
Step image 1
Step image 2

Fonts

  1. Sans-serif (default) โ†’ Light / Regular / Bold / Bolder: Upload custom font files (OTF, TTF, WOFF, or WOFF2) for each weight of the sans-serif family
  2. Serif โ†’ Light / Regular / Bold / Bolder: Upload custom font files for each weight of the serif family
Step image 1
Step image 2

Advanced settings

  1. Idle Timeout โ†’ Enable: Toggle the auto-return-to-idle timer on or off
  2. Idle Timeout โ†’ Timeout (in ms): Time in milliseconds before the screen reverts to the idle state if a product is not placed back. Minimum 10,000 ms, default 60,000 ms
  3. Idle Timeout โ†’ Show idle countdown timer: Display a visible countdown to idle on the screen
  4. Lift Delay or Debounce (in ms): Time in milliseconds the app waits before reacting to a lift event. Used to handle consecutive lifts so the screen settles on the final lifted product instead of switching every time a product is moved. Minimum 200 ms, maximum 5,000 ms, default 500 ms
  5. Image Gallery Auto-play Speed Duration (in ms): Time in milliseconds each image is displayed before advancing in the product image gallery slideshow. Minimum 500 ms, default 3,000 ms
  6. Enable Custom Styling: Master toggle for all Customize Style CSS fields. When off, custom CSS is ignored across the app
  7. Motion Detection Configuration โ†’ Enable Debug Mode: Show motion detection debug overlays on the screen
  8. Motion Detection Configuration โ†’ Scale Factor: How much the image size is reduced at each detection scale. Default 1.2
  9. Motion Detection Configuration โ†’ Minimum Neighbors: How many neighboring detections are required to retain a candidate. Higher values reduce false positives. Default 6
  10. Motion Detection Configuration โ†’ Flags: Detection flags passed to the underlying classifier. Default 0
  11. Motion Detection Configuration โ†’ Minimum Size: Minimum size of detected motion regions in pixels. Default 5
  12. Motion Detection Configuration โ†’ Maximum Size: Maximum size of detected motion regions in pixels. Default 112
Step image 1
Step image 2

Save options

  1. Auto Deploy: If selected, changes will be saved, a build will be created and automatically deployed to connected devices
  2. Environment: Select the deployment environment
  3. Save all changes: Save your current configuration
Step image 1

ยฉ 2026 ยท PhyGrid. An Ombori company