search

pirco / social-society-dawn

Shopify's first source available reference theme, with Online Store 2.0 features and performance built-in.
Other
0 stars 0 forks source link

search interface #10

Open pirco opened 1 week ago

pirco commented 1 week ago

see figma design. and check https://flatvernacular.com/ for possible implementation.

  1. on desktop, the search icon expands into a search field (make sure it fits on small dsktop)
  2. on mobile, the search field appears at top of menu
pirco commented 1 week ago

like so:

Screenshot 2024-06-19 at 00 26 25
lastant commented 1 week ago

Implemented on desktop

pirco commented 1 week ago

ok great. I did make a few adjustments, to make the expanded search field fit on smaller desktops and to make sure it doesn't change height of the menu bar. NOW:

  1. the search results dropdown/modal shifts off to the right of the canvas once you start searching. can you right-align the whole search results dropdown?

  2. can you change the font in the search results dropdown to var(--font-body-family); ?

3 next step: please implement a search form on mobile menu. once again, you can lean on flatvernacular to see what it should look like.

Screenshot 2024-06-20 at 01 59 42

basically, search field shown by default.

thanks

lastant commented 1 week ago

Added mobile