調整需求示意頁面

Index首頁 詳目頁 檢索結果 購物車

  • 區塊名稱
  • class名稱
  • id名稱
  • 超連結

    1

  • Header會員專區按鈕login btn

    + non-login==未登入狀態(預設)
    　click 登入or註冊，前往登入頁or註冊頁
    or + active==已登入狀態
    　click，於1a member-view新增classactive以顯示會員專區視窗

    • 1a

  • 會員專區視窗member-view

    member-view預設為隱藏，依照user操作，click1於此新增active以顯示視窗。

    • 1b

  • 會員資料user-name、user-account、bonuspoint、ecoupon

    依照後台資訊，帶入會員資料

    • 1c

  • 管理會員專區goto_member

    user click前往會員專區頁面

    • 1d

  • 登出goto_member

    user click使用者帳號登出

    • 2

  • 搜尋列輸入欄位searchBar-wrap

    user click，(1)於此增加foucs樣式，clicksearchBlock以外區塊移除此樣式
  • (2)於2a新增active樣式，以顯示搜尋紀錄列表

    • 2a

  • 搜尋紀錄列表history

    預設為隱藏，user click2，於此新增active樣式

    • 2b

  • 清空搜尋紀錄按鈕

    user click將 ul列表中，所有li searchList清除

    • 2c

  • 搜尋紀錄ITEM

    依照儲存紀錄,帶入文字項目

    • 2d

  • 刪除按鈕

    user click將 ul列表中，對應 li searchList清除

    • 3

  • 進階搜索按鈕

    user click，(1)與此新增active樣式
  • (2)於3a新增或移除active樣式，以切換視窗顯示與否

    • 3a

  • 進階搜尋視窗

    預設隱藏，user click 3於此與此新增或移除active樣式，以切換視窗顯示與否

    • 3b

  • 進階搜尋-重設按鈕

    user click，清除3a下所有input輸入框內value

    • 3c

  • 進階搜尋-送出按鈕

    user click，以3a下所有input輸入框內value，作為搜索條件做動

    • 4

  • 行動版搜尋icon

    user click，於4a新增active樣式，以顯示搜尋列輸入框。
  • 預設為隱藏

    • 4a

  • 搜尋列輸入框區塊

    預設為隱藏，user click4，於此新增active樣式，以顯示搜尋列輸入框。
  • 預設為顯示，無須額外調整。