logo

Product Spotlight

👉
Product Spotlight is a type of component that can be used without creating a whole marketplace; think about a restaurant app—you can use the single product component for a "Dish of the Day." This component works well in Event apps, Fitness apps, and Influencer apps without needing a full e-commerce store.

How To Install The Component

This component can be installed in:
  • App's Navigation Page✓
  • App's Side Menu ✓
You can find the product showcase component in the Commerce section. Click or drag and drop the component into your navigation or side menu to install it.
Image without caption

How To Configure The Component

Product Spotlight represents a certain product on your app.
Image without caption
Click the gear icon to configure the component setting.
Image without caption
Rename the component, choose an Android and an iOS icon for it and tap ‘Select’ to assign a product to the component.
Image without caption
Choose your product and click ‘Done.’
Image without caption
Image without caption

Must-Have Components

You must include all your payment components:
  • Order Manager Spotlight: It shows all orders created by the user, including all the order details (date & time of created order, payment method type, status, etc.).
  • Shopping Cart Spotlight: It allows users to add, review, and manage selected products before proceeding to checkout.

❓ FAQs

Q: How can I highlight a specific product in my app without any coding?

A: With nandbox’s Product Spotlight component, you can easily showcase a single product in your app—no coding required. It’s perfect for drawing attention to special offers, new arrivals, or featured picks with a clean, focused design.

Q: What does the Product Spotlight component do?

A:
The Product Spotlight lets you shine a light on one key item in your catalog. You can:
  • Highlight one product at a time in a prominent, stylish block.
  • Display the product’s image, name, price, and description automatically.
  • Place it anywhere in your app—on the homepage, store tab, or landing screen.
  • Pull product details directly from your existing inventory, so you don’t have to re-enter information.
It’s an easy way to boost visibility and drive more taps or purchases.

Q: How do I add and configure the Product Spotlight component?

A:
  1. In your visual builder, drag the Product Spotlight component into your chosen layout or section.
  1. Click to open the settings panel.
  1. Select the product you want to feature from your catalog.
  1. Save your changes.
Your highlighted product will now appear beautifully styled, ready to grab users’ attention.