Skip to main content
Skip to article

ParticleSearch Layout Settings: Choose an Experience, Then Fine-Tune the Surface

Choose ParticleSearch signature when buyer intent is mixed or you do not yet have evidence for a specialised layout. Choose High-density catalogue when buyers compare technical or variant-heavy products. Choose Visual discovery when imagery and description carry more of the decision.

An experience preset changes the search modal, full results page and product presentation together. Fine-tuning one of those surfaces afterwards creates a custom storefront. That is the distinction this guide helps you manage: choose a coherent starting point first, then change only the control that explains an observed shopper problem.

Terminology boundary: an experience preset controls presentation. A search profile controls matching behaviour. The local storefront-controls contract describes six search profiles, so do not treat the three presentation rows below as replacements for those profiles. The counts and placements are illustrative starting points checked against the merchant-facing guide on July 28, 2026; confirm the current dashboard defaults before publishing a store-specific change.

The short answer: choose the experience that matches the shopper job, preview it with a real query, and keep it only if the same product decision remains clear from search box to product page or cart. A better-looking grid is not enough.

Understand the control

A preset coordinates the whole result journey, not just the grid

A shopper experiences search as one connected path. The modal establishes what the system understood. The full page creates room to compare and filter. The product card exposes the evidence needed to choose. The handoff must preserve that choice.

ParticleSearch experience presets coordinate those surfaces as a bundle. You can still adjust the modal or full page independently, but the dashboard then treats the result as a custom storefront because it no longer matches the complete preset.

Search modal

Recognition and continuation

Full results

Comparison and narrowing

Product cards

Decision evidence and action

Handoff

Same product or variant

Relationship map: a layout change is successful only when the shopper’s meaning and product choice survive all four surfaces.

Choose a starting point

Match the experience to the shopper’s comparison job

The three experiences are not aesthetic themes. Each one spends screen space differently. Use the matrix to choose the closest starting posture, then confirm it with representative queries from your own catalogue.

ExperienceChoose whenSearch modalFull pageCard posture
ParticleSearch signatureBuyer intent is mixed, or the store does not yet have enough evidence for a specialised layout.Illustrative starting point: 6 results · suggestions beside results · comfortable spacingIllustrative starting point: contained width · sidebar filters · comfortable, automatic gridVendor, sale state and swatches stay available; descriptions stay off by default.
High-density catalogueBuyers recognise product language and need to compare technical, B2B, parts or variant-heavy results.Illustrative starting point: 8 results · suggestions beside results · compact spacingIllustrative starting point: wide layout · sidebar filters · compact 5-column gridMore candidates remain visible; descriptions stay off so comparison does not become a reading task.
Visual discoveryImagery and descriptive context do more decision work than scanning identifiers or specifications.Illustrative starting point: 8 results · suggestions above results · comfortable spacingIllustrative starting point: contained width · top filters · large 3-column gridFull-page descriptions turn on and swatches turn off to give product context more room.

Treat the dashboard recommendation as a hypothesis. It uses catalogue context to select a starting experience. It cannot know whether the decisive detail for a real buyer is an identifier, specification, image, description or option. Your query test supplies that evidence.

Illustrative store scenario

Let the comparison job choose the preset

Imagine a workwear shop whose buyers search both “black waterproof work jacket” and exact product codes. The first query asks for comparison: keep enough product context, available options and filters visible. The code query asks for recognition: do not let extra visual treatment hide the exact product or variant.

ParticleSearch signature is a sensible starting hypothesis for that mixed job. Keep it only if the broad query remains easy to compare and the exact code still reaches the intended merchandise record. Move towards high-density when specification scanning is the repeated bottleneck; move towards visual discovery only when imagery and descriptions carry more of the decision. Those are layout decisions, not repairs for missing or wrongly ranked products.

Worked layout decision

Separate a presentation failure from a retrieval failure

Imagine a parts merchant testing PM-12V-5A. The correct variant is already in the result set, but the compact card hides the matching option and the full page does not make the variant choice clear. The input and expected merchandise identity pass; the presentation and handoff do not.

Evidence

Record the query, returned variant, visible card fields, destination URL, and cart line. If the variant is absent from results, stop and send the issue to retrieval or catalog ownership.

Decision

Try the high-density preset or expose one useful option field only when it improves the decision without making the card harder to scan. Do not change grid density to hide a wrong product.

Handoff

The search owner signs result identity, the UX owner signs the card and mobile path, and the storefront owner replays the product-page and cart check before publishing.

Keep a change record: name the storefront owner, current version, reason for the change, expected query result, mobile check, restore version, and review date. If the published result fails, restore the previous version and replay the same fixture before trying another control.

Fine-tune with a reason

Change the control that explains the failure

A preset is useful because it prevents a dozen unrelated design decisions at the start. Once you have a real failure, move from the symptom to the responsible surface instead of changing everything at once.

If the right products are absent or badly ordered, layout is not the first repair. Inspect catalogue eligibility, query interpretation and ranking before making a denser grid display the same weak result set.

Observed problem

The modal feels crowded before the shopper can recognise a result.

Change

Result limit, suggestion position and modal density

Acceptance check

The query, best candidates and “view all” continuation remain visible together.

Observed problem

Shoppers reach the full page but cannot compare enough products.

Change

Page width, grid density, columns and filter position

Acceptance check

The decisive product facts stay readable while several candidates remain in view.

Observed problem

Cards look polished but do not explain the choice.

Change

Vendor, descriptions, ratings, sale state, swatches and match evidence

Acceptance check

Every visible field changes a real decision and agrees with the product destination.

Observed problem

Quick add or the product page receives the wrong option.

Change

Product-card action and variant handoff, not grid density

Acceptance check

The product, option, price, availability and cart line remain the same choice.

Inspect the card contract

Card fields earn space only when they change the decision

Product cards are where density becomes concrete. Vendor, descriptions, ratings, sale state, swatches and buying controls all compete for the same space, but the modal and full results page do not need identical information.

Keep a field when it helps distinguish plausible products. Remove it when it repeats the title, adds untrusted catalogue data or pushes price, availability and the next action out of view. A card setting does not repair incorrect product data; it only decides whether that data is shown.

ParticleSearch product-card settings comparing the search modal and full search page, with buying controls and visible product fields
ParticleSearch dashboard capture, 28 July 2026. The same product is previewed on the search modal and full search page so the merchant can see which fields are shared and which belong to one surface. The representative product is preview data, not a measured store outcome.

Protect the buyer’s choice

The handoff decides whether the layout told the truth

A result can look correct and still fail after the click. When a card represents a particular option, the product page or cart must preserve that same product or variant, price and availability. If the shopper still needs to choose size, colour, pack or compatibility, the card should make that unfinished decision clear.

This is why quick add is not merely a visual preference. Test it on products with one simple purchasable choice and on products with meaningful options. If the action cannot preserve the card’s promise, keep the product-page choice in the path.

Diagnostic boundary: if the wrong product appears, investigate search and catalogue data. If the right product appears but the wrong option opens or enters the cart, investigate the handoff. Changing columns solves neither problem.

Check the narrow path

Mobile changes the available space, not the buyer’s job

Do not evaluate a preset only on desktop. On a narrow screen, suggestions stack, filters move into a drawer and card actions compete with product information. The layout still needs to answer the same question: what result is this, why is it plausible and what happens next?

Confirm that the query stays visible, applied filters can be recognised and cleared, card labels do not depend on hover, and returning from a product does not erase the shopper’s place.

Verify before publishing

A layout is ready when the same buying decision survives the journey

  1. 1

    Use four representative searches

    Run a known product or identifier query, a broad category query, a constrained query and an empty or ambiguous query.

  2. 2

    Follow both search surfaces

    Compare the modal with the full results page. Confirm that the query, result meaning and continuation remain understandable.

  3. 3

    Complete the product handoff

    Open a result with options and test any card action. Check the intended product or variant, price, availability and cart line.

  4. 4

    Repeat the decision on mobile

    Use the modal, open the filter drawer, apply a value and return to the results without losing the query or selected state.

  5. 5

    Publish the smallest justified change

    Keep the queries and expected outcomes with the change, then replay them on the published storefront before tuning another control.

Keep the preset when it makes the important choice clearer across modal, full page, product and mobile. Customise it only when a repeatable failure points to one specific control.

Where ParticleSearch fits

ParticleSearch keeps the presentation decision in one merchant workflow

ParticleSearch groups the experience preset, modal layout, full-page layout and product-card controls in the storefront settings workflow. That gives the merchant one place to preview a real query, compare surfaces and revise the presentation without treating every change as a separate theme project.

It does not repair incomplete catalogue fields, decide which attributes matter to your buyers or prove that a layout improves commercial outcomes. The merchant still needs representative queries and a published-store check. The product’s job is to keep the controls and verification path connected.

Every visible field also creates an operating obligation: catalogue completeness, translated labels, mobile and accessibility QA, theme compatibility, and a replay after a material change. If the candidate is already correct and only one theme-owned defect remains, a focused native repair may be cheaper and easier to reverse than changing the whole search presentation.

For the underlying design judgement, use the ecommerce search layout guide. To inspect the complete buyer-facing flow, continue with ParticleSearch storefront search. Use the search filters guide when narrowing is the weak surface, and protect the release with ParticleSearch golden queries.

Forwardable verdict: keep the preset only when the decision survives the handoff

Use a presentation preset as a starting hypothesis, not as a substitute for search evidence. Keep it when the expected product remains clear in the modal, full page, card, mobile path, product page, and cart. Customise one control when a repeatable failure names that control, and restore the prior version when the same fixture no longer passes.

  1. 1

    Record one expected product or variant, one prohibited near-match, the chosen surface, and the current version.

  2. 2

    Replay desktop, mobile, product-page, and cart handoff checks after the smallest justified change.

  3. 3

    Publish only with a named owner, restore version, review date, and a clear reason to choose layout work over retrieval or theme repair.