Learn how InStore organizes and presents search results to create a seamless browsing experience. Each feature is designed to enhance usability and maintain an efficient shopping flow.

3-4.png


Introduction to Product Listing

Search Primary3.jpg

typing5.png

The Product Listing dynamically organizes and displays search results, allowing customers to navigate efficiently through various sections, refine searches, and explore relevant items.

If only one result is found, the PDP opens directly.

Key Features of Product Listing

  1. Search History

    InStore retains all previous searches as sections in the listing, allowing customers to easily revisit earlier results.

  2. Dynamic Loading for Smooth Browsing

    To provide a seamless browsing experience, InStore preloads items below the visible screen area to minimize loading interruptions. Unseen items are discarded only when the search is refined.

  3. Intelligent Sorting with Sales, Engagement, and Stock Data

    Search results are automatically sorted using aggregated sales and engagement data combined with current stock levels. This prioritizes popular, high-performing, and in-stock items at the top of the listing.

  4. Product Display Format

    Each result is shown as a Style Card with:

    This concise format provides customers with all the essential information at a glance.

All Colors Widget

Color variant thumbnails on each Style Card

Color variant thumbnails on each Style Card

Expanded All Colors widget

Expanded All Colors widget

Customers can expand the All Colors Widget by clicking the color variant thumbnails on a Style Card. The widget shows all available color variants for the product.

The widget can be dismissed by pressing the close button.

Quick Add to Basket

quick-basket.png

Quick Add to Basket feature appears

Quick Add to Basket feature appears

Customers can use the Quick Add to Basket button within the All Colors Widget to quickly select color, size, and length options and add items to their basket—without opening the PDP.

<aside>

🔗 This feature is also available in other recommendation widgets, as explained in Chapter 5: AI-Powered Recommendations, and Chapter 8: How About These Widget.

</aside>


Search Sections