Reap-Agency / test-repo

0 stars 0 forks source link

[issue] Create a search page #5

Open mikeprojectmanagement opened 1 year ago

mikeprojectmanagement commented 1 year ago

Explanation loom- https://www.loom.com/share/231f307c58be44d387c8d57cd4b8a6fd?sid=ba4b250c-ef7b-4e8d-9558-d73e8e8a93f2

What is the task?

Create a search page using shopify's built-in search functionality

Where is the task?

Search page

What is expected?

  1. When user enter the product name in search field and press enter it will show list of product cards

  2. Do not create this card client do not want it image

  3. For this page, the search and predictive search exist in the header currently.

  4. Product cards also exist as a snippet so you might just have to pass in info to that.

  5. Code considerations- Use alpine JS if you want to use js in the code

  6. Code considerations- Make sure you are not coding the existing sections in the page

Branch name- Feature/SearchPage_buidup Design https://www.figma.com/file/S3sBee7R9w1ZoqBVh0kVan/Page-Designs-(Copy)?type=design&node-id=1709-8686&mode=design&t=o6I6XFgjXjVcwxRh-0 image

codejasbrar commented 1 year ago

For these collection cards -this section is already there in the theme- we just need to add it via custumizer and it's file name is link-cards.liquid

image