3 min read

Browsing Products & Search

Filtering, sorting, searching, quick view, and everything on a product detail page — image gallery, variants, stock, reviews, and related products.

Every store's homepage links out to its full catalog. This page covers the product listing (grid), search, and the individual product detail page.

The product listing

Go to All Products (or a category link from the store's navigation menu). Products load in a grid; scrolling down loads more automatically — there's no "next page" button to click.

Filters

Open the filter panel — a sidebar on desktop, a slide-in drawer on mobile (tap Filter). You can filter by:

FilterHow it works
CategoryOne category at a time, or "All categories"
ColorMulti-select swatches; matches products whose name or description mentions that color
Price rangeA short list of preset bands (e.g. under $50, $50–$100)

Selected filters appear as removable chips above the grid. Clear all resets every filter and the search term together.

Sorting

Use the Sort by dropdown above the grid: Price (low to high / high to low), Popularity, Newest, or Rating.

Use the search bar (usually in the header) to search by product name or description. Search results use the same grid layout as the product listing, with an empty-state message if nothing matches.

Quick view

Hover (desktop) or tap the quick-view icon on a product card to open a lightweight preview dialog without leaving the grid — useful for a fast look before deciding to open the full product page.

Recently viewed

Products you've opened recently appear in a Recently viewed carousel, both on the product detail page and (on some stores) the homepage.

The product detail page

Click a product to open its detail page. What you'll find:

Product detail page contents

  • Image gallery with zoom — click or hover an image to zoom in for a closer look.
  • Variant selection — if a product has options (size, color, etc.), picking a variant updates the price and stock shown.
  • Stock status — an in-stock/out-of-stock/low-stock indicator next to the Add to Cart button.
  • Quantity selector before adding to cart.
  • Delivery estimate — a chip showing an estimated delivery window once you've entered a serviceable pincode.
  • Customer reviews — a ratings and reviews section with the product's average rating.
  • Related products — other items you may be interested in, shown further down the page.

Note

On mobile, Add to Cart stays pinned to the bottom of the screen as you scroll the product page, so you don't have to scroll back up to buy.

Adding to your wishlist or cart

  • Add to Cart adds the selected variant and quantity to your cart and opens the cart drawer so you can see it was added.
  • The heart / wishlist icon on a product card or detail page saves the item for later — you'll be asked to log in first if you're not signed in, since wishlists are tied to your account.

Next steps