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:
| Filter | How it works |
|---|---|
| Category | One category at a time, or "All categories" |
| Color | Multi-select swatches; matches products whose name or description mentions that color |
| Price range | A 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.
Search
Use the search bar in the header. What happens next depends on which header the store is using.
On the newer premium header templates: typing shows a live dropdown of matching categories and
products as you type (desktop) or a full-screen overlay (mobile), each capped to a short preview
list with a "Show more" option. Picking a category or product from that list goes straight to it.
Pressing Enter, or choosing "Show more," instead takes you to a dedicated search results page
at a URL like /search?q=your-term — the same grid layout as the product listing, with an
empty-state message if nothing matches.
Search Style: Takeover
Some premium header templates offer a Takeover search style — see Search Style in the merchant-facing template guide. On those stores, opening search expands it into a full-screen overlay with a row of trending-search chips below the search field. Below the field, a preview grid follows what you type:
- Nothing typed, or a single character — the preview grid shows "Popular right now": products for the store's single most-searched term over the trailing 30 days. This is the same fallback shown before you start typing.
- Two or more characters — after a brief pause in typing, the preview grid re-queries and shows
live results for what you've typed so far, with a heading such as Results for "shoe". The quoted word follows your search text. Keep typing. Live results for what you've typed so far, with a "Results for '
{your text}'" heading. Keep typing and it keeps re-querying; each keystroke's result is discarded if you type again before it comes back, so you never see results for an outdated search. - Two or more characters, but nothing matches — the preview grid shows a "No matches found" message instead of an empty grid.
Clicking a trending chip takes you to that term's /search?q= results page, the same as pressing
Enter after typing it yourself.
Why don't I see any trending searches?
Trending terms come from the store's own search activity over the trailing 30 days; a newer store with little search history yet may show no trending chips (or a smaller list) until enough customers have searched. The store falls back to recently added products in that case, so the "Popular right now" preview can still show something even with no trending searches yet.
Why doesn't the takeover grid update as I type?
The preview grid only starts following your typed text once you've entered at least two characters — a single character still shows the "Popular right now" fallback, which is expected. If you've typed two or more characters and still see the old results, it's usually mid-keystroke: the grid waits for a short pause in typing before it re-queries, so results lag slightly behind very fast typing. There's no separate admin setting for this behavior — it's built into the Takeover search style itself and applies to every store using it.
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 that checks whether (and when) this product can reach your pincode. Enter a six-digit pincode (or it uses one you've already saved) and it checks in real time.
- 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.
Reading the delivery estimate chip
The chip shows one of a few states depending on what the store's shipping setup can actually confirm:
| What you see | What it means |
|---|---|
| "Enter pincode to check delivery" | No pincode has been entered or saved yet |
| "Checking…" | The lookup is in progress |
| "Not deliverable to this pincode" | The connected carrier(s) confirmed this pincode is outside their delivery network |
| For example, "Delivers by ~Fri, Sep 18th"; the date follows the carrier's transit estimate | A carrier confirmed delivery and gave a real transit estimate |
"Delivers by ~{date}" | A carrier confirmed delivery and gave a real transit estimate |
| "Deliverable to this pincode" | A carrier confirmed delivery, but without a specific transit-day estimate |
| "Couldn't verify deliverability for this pincode — you can still place your order" | See below |
Why does it say “couldn't verify” instead of just showing a delivery date?
This appears when the store has no shipping provider connected, or the connected one couldn't be reached to check this specific pincode — the store's default estimate is being shown as a fallback, not a carrier-confirmed answer. It's not an error on your end and it doesn't block checkout: you can still place the order normally. Once the store's shipping provider is fully connected and reachable, this pincode will show a real carrier-confirmed estimate instead.
Click the pincode next to the chip (with the pencil icon) to check a different pincode without leaving the page.
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.