Shop (Social Gifts) - Waiviogit/waivio GitHub Wiki

The presentation of the shop object is optimized to use the full width of the screen.

Element description

Left sidebar - This section features a list of departments along with filters.

Breadcrumbs - "Departments".

Main shop feed - The main area of the shop consists of:

  • Department Names: Each department is clearly labeled.
  • Product Cards: A varying number of product cards from each department are displayed, tailored to the screen size:
    • 4 cards for mobile devices.
    • 5 cards for standard desktop screens.
    • 6 cards for larger screens.
  • Show More Button: Each department has a "Show More" button, allowing users to explore additional products. In cases where no sub-departments exist, all objects pertaining to that department are displayed.

image

image

Additional information

  • [*.social.gifts / shop] presentation of a dynamically assembled shop on websites #5140