Review the store on every device
A responsive store review is a complete purchasing test at different viewport sizes, not a visual scan of the home page. Product options, overlays, keyboards, notices, and account tables can change the usable space dramatically.
Prepare the review
Use real catalog examples:
- a long product title;
- a variable product with many options;
- a product with several gallery images;
- a sale product;
- an out-of-stock product;
- a cart with several lines;
- a checkout with shipping and validation;
- an account with orders and addresses.
Test while signed out and signed in. Use at least one real phone or tablet in addition to browser resizing.
Review product archives
At phone, tablet, and desktop widths, confirm:
- headings and result counts do not collide;
- category navigation remains understandable;
- product cards keep readable image, title, price, and action order;
- long titles do not hide prices or buttons;
- filter controls open, scroll, clear, and close;
- pagination or infinite loading does not shift the visitor unexpectedly;
- quick-view or product pop-ups fit the viewport;
- no-results content provides a next step.
Review single-product pages
Test gallery swiping, thumbnail navigation, variation selectors, quantity, add-to-cart, waitlist, wishlist, request information, tabs or accordion, related products, and the fixed add-to-cart bar.
Open the on-screen keyboard inside every form or selector. Confirm that fixed controls do not cover the focused field, WooCommerce notice, consent interface, or payment action.
Review cart and checkout
Check the dropdown or side cart in empty and populated states. On the Cart and Checkout pages, verify line items, quantities, coupons, shipping, totals, field labels, validation, legal text, payment controls, and order confirmation.
Tables may become stacked rows on narrow screens. Confirm that each value retains a clear label and that destructive actions are not placed too close to primary actions.
Review My Account
Test the dashboard, orders, order details, downloads, addresses, account details, custom endpoints, and wishlists. Use an account with enough records to expose pagination and long values.
Permission-restricted endpoints must remain absent and unavailable for the wrong customer role at every width.
Keyboard and assistive review
Use the page without a pointer:
- follow focus through navigation, filters, galleries, pop-ups, cart, and checkout;
- confirm focus is visible;
- open and close every overlay;
- verify focus returns to the trigger;
- read form errors and WooCommerce notices in context;
- confirm controls have understandable names;
- avoid motion that prevents completing the task.
Record and correct failures
For each problem, record the exact URL, viewport, customer state, product or order state, and action that caused it. Correct the owning component or theme setting first; avoid a page-specific CSS patch that merely hides the symptom elsewhere.
The review is complete when the same customer task can be finished on phone, tablet, and desktop without missing information or an obstructed action.