Product overview page

Category page structure / components#

ComponentMobileDesktop
Page TitlePage Title XSPage Title LG
BreadcrumbBreadcrumbBreadcrumb LG
Gridview sortingGridview sorting XSProduct title LG
Product FilterAfter search Navigation / filters XSAfter search Navigation / filters LG
Product tileProduct title XSProduct title LG
CardCard XSCard LG

Source references#

  • baymard.com/blog/avoid-these-ecommerce-graphics
  • baymard.com/premium/guideline-collections/pngfyv