ABCDEFGHIJKLMNOPQRSTUVWXYZAAABACADAEAFAGAH
1
單元子項待調整項目急迫性預計完成時間
修改完成與否		PATTA 檢查確認備註製作方說明
2
不分單元
3
0-1行動設備標準字體無正確顯示，企業字體為Akrobat高OKFigma討論連結
4
0-2所有下載icon都需有個停懸狀態（淺灰色圓圈背景icon）高12/22檢查 我看paul有回應下載圖示過低要更置中，這部分有調整嗎Figma討論連結已新增懸停狀態 距離問題已更新 0304
5
0-2輪播箭頭上添加停懸狀態高Figma討論連結已新增懸停狀態
6
0-3 search open跟tool box一樣問題

1.當搜尋框打開時，請在頁面上添加25％的底色疊加。
2.文字應該寫成「Search」。 灰色使用的顏色太深，請與設計相符。
3.缺少文字遊標。 當搜尋框開啟時，遊標應該閃爍以示準備。
4.移除搜尋圖示。
5.請將“關閉”圖示與設計配對。 同時，請新增滑鼠懸停狀態。
6.當使用者開始輸入時，"建議標題" 應該只出現一次。

請查看原型以了解樣式和懸停狀態行為，以及以下設計範例的連結。
原型連結
設計元素連結
高OKFigma討論連結已修改，等候確認
7
0-4 search open1. 搜尋觸發條件規則調整
2. 只顯示前4個結果		高OKFigma討論連結已調整並回覆Paul
8
0-5 tool box語系與tool box的彈出視窗中，都有深色邊框，請拿掉高OKFigma討論連結已刪除
9
0-6 tool box1. 當工具箱模式對話框開啟時，請在頁面上添加25%的底色覆蓋。
2. 頁首上的工具箱圖標按鈕與工具箱模式對話框不對齊。
3. 'X' 圖標在灰色圓圈中的垂直中心對齊。
4. 字型大小看起來比設計小。顏色也應該是 PATTA 藍色。

請查看原型以了解樣式和懸停狀態行為，以及以下設計範例的連結。
原型連結
設計元素連結
高4/29 檢查
1.工具箱打開對話框後，右上"X"圖標仍然沒有置中對齊，明顯偏下一點
2."Category: 產品名"這行的"Category"color應為#707071，"產品名"應為#19191A，另外字體應為Global Typography/Small Text(akrobat標準)
3.產品圖和右邊文字應該有20px的距離，需檢視設計檔		Figma討論連結4/30 1 2 3 已修正，待更新
10
0-7 語系視窗語言模態框與導航中的語言選項卡不對齊，看起來很奇怪且不完整。模態框應該讓人感覺它是從點擊的選項卡中彈出的。請檢查原型以了解其行為。
請參考設計，確保應用了正確的樣式、大小和間距。

1.當語言模態框打開時，請添加25%的底色覆蓋。
2.頁眉上的“EN”選項卡與打開的模態框上的“EN”選項卡不對齊。
3."EN" 文本和圖標在灰色形狀中垂直居中對齊。
4.圖標與設計不相符。
5.文字大小看起來比設計小。顏色也應該是 PATTA 藍色。

請查看原型以了解樣式和懸停狀態行為，以及以下設計示例的鏈接。
原型鏈接
設計元素鏈接
高4/29 檢查
1.打開選單後"EN"文字會往左1px左右，需修正
2.左邊的原型連結中的demo點擊選單是有一個淡入淡出動畫效果，是否也能加上		Figma討論連結已修改，等候確認
11
0-8 語系視窗foot的語言菜單對其方式不正確，偏右邊太遠高Figma討論連結已修正
12
0-9埋GA追蹤碼低11/15已放置
13
0-10網站符合並有GDPR規範（歐盟一般資料保護規則）低設計樣式位置線上版本已照指示辦理
串接第三方服務部分，將在PATTA提供相關資訊後再評估進行方式
14
0-11CRM串接低OK已完成
15
0-12SEO描述 - 需能從後台填寫SEO描述，後台完成後，PATTA由後台新增測試低已完成
16
0-13foot區塊的社群媒體未設定連結，後台完成後，PATTA由後台新增測試低連結已設定，後台已供測試
17
0-14 任何Video Banner任何video banner 上方添加30%黑色色塊，讓文字與按鈕更明顯高Figma討論連結修正ing（此文字代表修改完成、待更新）
18
0-15 手機版上次開會時提到大部分頁面於手機板<390時，輪播下方第一個段圖文順序與設計搞不符，比如說首頁輪播下方PATTA Online Showroom和標題文字順序反了，還有event的第一則標題簡敘部分文字與展覽圖片位置相反了高修正ing（此文字代表修改完成、待更新）
19
0-16 手機版首頁下方展覽背景圖跑版，設計檔應為裁切不是變形圖片寬度高修正ing（此文字代表修改完成、待更新）
20
0-17 手機版右上選單應為企業藍色，且置中低112/12/22 是否可以不要齊下修正ing（此文字代表修改完成、待更新）
21
0-18 手機版所有頁面下方building hardware下方contactus距離過近，須調整成較符合設計檔低修正ing（此文字代表修改完成、待更新）
22
0-19 手機版所有頁面簡敘簡敘與banner距離過近沒有留空，需調整以符合設計檔高修正ing（此文字代表修改完成、待更新）
23
0-20 手機版
新聞
video		所有頁面如有副標題題字體不要比主標題粗，應符合設計檔一樣粗高OK已修正
24
0-21 搜尋手機版字級.顏色.關閉按鈕需符合設計檔，手機版應為兩欄中
25
0-22 側拉選單連絡我們手機版按鈕無法點擊高OK已修正
26
0-23 iPad 網站字型使用PATTA iPad測試網站字型部分會跑掉(從截圖看你們那邊的平板似乎也會跑掉)中12/5 檢查 字體檢查像是產品"型號"字體不正確 目前沒有發現字型問題
27
0-24 4K待補中
28
0-25 GDPR在為按下同意或部分同意，須看detail的連結頁面高參考範例
https://www.bosch.com/		已完成
29
0-26主選單的 active 底線，應有一條藍色懸停狀態高OKFigma討論連結完成
30
0-27 越南字型越南文 改用 RobotoCondensed 字型，比照舊官網高112/12/5 是否能使用"roboto-condensed-light"或是更細一級的roboto-condensed
113/3/8 目前我看是使用思源黑體，是否是PAUL有要求使用該字體?

113/4/25 依會議結論先依照paul設定的思源黑體ok		以目前可找到的資源，套用 roboto-condensed-light-regular （純 roboto-condensed 會太粗）
31
0-28 手機版bannerbanner於手機版時主副標font-size應為40px，另主標和副標距離應該要遠一點已符合設計檔高OK修正ing（此文字代表修改完成、待更新）
32
0-29 手機版footer@2023那段根據設計檔字級大小應為12px不是14px高OK已改為12
33
0-30 語言切換越南文及阿拉伯文再語言切換欄位顯示粗細不一，需個別設定高113/4/29 請再嘗試克服看看
4/12會議中越南語系的"正體中文"比正體中文語系的"正體中文"粗，還有越南文中字體粗細不一問題		不同語系中可以套用不同字型，但是同一語系要套用不同字型會有很多問題
樣式衝突、先後順序等等
34
0-31 banner影片banner的若有連結或播放影片按鈕滑鼠需顯示為手指(地點.video.關於我們)高已修正
35
0-32 <head><head>可以加上hreflang

<link rel="alternate" href="https://www.patta.com/" hreflang="en-US">
<link rel="alternate" href="https://www.patta.com/tw/" hreflang="zh-TW">
<link rel="alternate" href="https://www.patta.com/es/" hreflang="es-ES">
<link rel="alternate" href="https://www.patta.com/vn/" hreflang="vi">
<link rel="alternate" href="https://www.patta.com/br/" hreflang="pt-BR">
<link rel="alternate" href="https://www.patta.com/ar/" hreflang="ar">		​已加上
36
0-33 下方語言列上拉切選語言選單時，箭頭不應該有些微的移動，語言文字也有些微移動，需要排除此問題中
37
0-34 所有下拉選單之前有提到下拉選單打開會因為border屬性移動2px，是否有別的方式讓他沒有這個誤差低已完成
38
0-35 ipad 手機版搜尋搜尋白底選單頁面下，右邊會有很長的scrollbar可以滑，有點奇怪低113/4/25 檢查 這邊口頭說明一下好了，因為像下滑動白底的動態還是有些不自然這不是BUG，是頁面機制造成，若有需要，再口頭說明 2024-03-07
39
0-36 目錄.操作手冊等banner下方的灰底簡敘文字應該是置中，我看設計檔上下皆為75px，不知道是不是動到了目前是上方留空較大高OK已調整 0417
40
0-37 搜尋排行404頁面搜尋patta官網排名中有一個https://www.patta.com/tw/contact-footer的頁面排在約第8位，內容會顯示404，不知道能否關閉此頁面或有方法排除中PATTA官網非第一天上線，搜尋引擎日積月累爬梳的內容非我們所能控制
41
0-38 頁尾文字連結目前藍底"頁尾"的ESG連結按紐是暫時隱藏，未來若要上是要請你們協助還是後台可能開放欄位低OKInvestors既有功能及配合版面已完成
https://www.patta.com/en/investors/impact
單純設連結的機制目前也已有
42
0-39 所有下拉式表單聯絡.消息.展覽 下拉選單滑鼠狀態鼠標在上面時應為手指，目前移到下拉選項會變箭頭(如果都是箭頭也能接受)，但移到下拉選單的文字上面會變成顯示(工)比較奇怪，應該要修正中113/4/25 檢查 這邊滑到下拉選單的"文字"上面還是會變成"工"，應要是箭頭或手指已修改

4/26 將客製化下拉選單，滑動至項目文字時的游標改為手指
43
0-40 上方menumenu點擊兩次後移開文字會變成黑色高
44
0-41 手機.ipad版 側拉選單 語系切換"EN"旁邊的箭頭會變成黑色，應是企業藍高4/30 已更換svg顏色為 #00396F
45
0-42 上方語系滑鼠懸停狀態動畫由於toolbox和搜尋有此效果(淡入淡出)，所以"語系"按鈕也加上去這效果較一致高
46
0-43 手機版側拉選單手機版側拉選單按上方三條線展開後的"X"應該與下方回上頁箭頭切齊，另外下方toolbox也應該要對齊(設計檔這邊是切齊灰底最右側，現官網超出去一點)中★ 科元
47
0-44 繁中版文字粗細"繁中版"文字粗細規則需參考英文版去微調，(依4/12會議討論決議方式)，另外簡中版未來也依循此規則，此處由於目前英文前台還在整理中，也可待英文調整完畢再進行低★ 科元
48
0-45 新聞.活動.投資人專區所有有有進行篩選(新聞類型.展覽地點.財報年份等)的下拉選單箭頭顏色不正確，目前為企業藍，依照設計檔應為"#19191A"中5/2 已更新
49
0-46 繁中版上方語系切換繁中版點擊語系切換按鈕，灰底按鈕和上面文字會整個往左偏移，須修正高*需確認機制
50
0-46 越南版上方語系切換越南版點擊語系切換按鈕，灰底按鈕和上面文字會整個往左偏移，須修正高*需確認機制
51
0-47 錯誤404頁面鋼鐵人距離上方menu過遠，404 Error距離上方鋼鐵人距離過遠，404 Error距離下方藍色文字過遠，然後下方黑色內文字體不正確，應為Global Typography/Body Text(akrobat標準)，然後下方藍色按鈕距離上方黑字過遠，請參考設計檔高5/15
52
0-48 PDP 分享分享按鈕點擊後的分享標題文字與下方按鈕過於靠近，須有一點空隙，可參考設計系統"MODALS"，PDP和新聞都有這塊需調整中5/15
53
0-49 最下方社群媒體按鈕懸停狀態是否也能有淡入淡出效果(像上方購物車和搜尋)一致的效果低
54
0-50 menu語系切換上方語系切換按紐"EN"旁邊的箭頭顏色不正確，應為00396f;高5/15
55
0-51 按鈕禁選狀態問題禁選狀態的圓角按鈕rgba透明度顏色疊加問題，目前使用rgb好像會一點顏色落差(參考"影片"的篩選按鈕)低
56
0-52 下載按鈕懸停動畫PLP頂部banner上方及首頁底部的Download PDF旁的下載按紐的下載icon滑鼠懸停狀態是否也能有移動漸變動態(目前是會直接往下)都有漸變動態整個網站效果較一致，另外PDP的下載按紐雖有漸變，但是是往右移動，這邊是否能統一中
57
​
58
​
59
​
60
​
61
​
62
​
63
​
64
​
65
​
66
​
67
1.產品
68
1-1 PLP產品頁面上方banner的右下角，產品大類三角形，PNG改svg檔案高OKFigma討論連結已調整
69
1-2 PDP下方有黑色色塊可供下載的型錄的按鈕，英文介面中顯示為中文的"下載PDF"，應改為英文中OK已調整
70
1-3 PDP產品介紹頁面中切換同類其他產品的菜單，顯示效果製作高OKFigma討論連結已改為浮動固定位置
71
1-4 PDP產品子菜單打開時，下方添加一個25%的顏色加疊在頁面上高Figma討論連結已增加
72
1-5 PLP1. 按下show more後，上面已閱讀過的順序不能改變，只能往下顯示之前沒顯示的產品
2. 在產品頁面沒有show more按鈕時，會多一條黑線		高OK
73
1-6 PLP產品頁上面banner應作成自適應螢幕的排版，包含所有元素，不該往下滑才看到按鈕高OKFigma討論連結
74
1-7 PDP簡易版範例頁：nails
複雜版範例頁：電動工具、閉門器、PADOM
主要是PADOM動態輪播需要展示，素材可與子洋討論
這塊也許也能後台完成後由PATTA方上架後給PAUL審查		高OK簡易版範例頁：https://www.itop.com.tw/patta/en/catalogue/nails/demo-minimal
複雜版範例頁：https://www.itop.com.tw/patta/en/catalogue/nails/demo-full

後續將以此兩頁面做後台上稿功能測試，並可依此頁作前台設計與視覺溝通
75
1-8 PDP技術規格中，藍底的mm/inch切換鈕顏色不對，籃底適用藍色按鈕，灰底適用灰色按鈕高OKFigma討論連結已調整
76
1-9 PDPPower tool的輪播根據Gallery example有標示文字不應隨圖像滑出，文字是單獨淡入淡出中OK已調整
77
1-10 PDPPADOM動畫效果 此功能為此網頁重點部分 最初開會有特別強調這部分 需找子洋配合中113/4/25 這邊不用 執行上有困難，沒有範例套件，客制化成本過高
78
1-11 PDP規格多表格下需個別有showmore(例:OP)中多樣化表格定義上會有問題，需要確認
79
1-12 PDP 手機版上方下拉產品名稱過長時變成三行會跑版(toolbox按鈕上面會出現空隙)低OK
80
1-13 PDP 手機版Technical Specifications與下方公英制切換按鈕上方標題字級沒有依照設計檔，另外公英制按鈕下方空隙較小需調整以符合設計檔高
81
1-14 PDP 手機版規格表格內文字大小手機版需更著變換字級以符合設計檔(比如鑽尾螺絲的Diameter欄位電腦版是40px，但手機版設計檔會變為24px，由於這邊似乎是用編輯器，所以可討論如何達成)低
82
1-15 PDP技術規格格中，mm/inch使用切換鈕時，上下不同表格的單會同時切換同一單位，
其他產品頁面也是，使用者無需在不同頁面都需要再切換一次		高Figma討論連結已完成
12/25 PATTA同意非歐盟國家IP進入者即預設為同意(並寫入cookie以記錄前次選擇單位)
83
1-16 PDP 表格下方註腳文字目前太貼近，需增加留空，以符合設計檔，另外字體顏色需確認是否正確低112/12/7 註腳文字需使用Akrobat標準，完整版和精簡版都是
84
1-17 PLP 列表頁的型號字體應加粗，由於我看paul設計系統沒有備註，我測試了akrobat.akrobat regular.akrobat bold三種會跟設計檔相符，可擇一定義高OK已修改
85
1-18 PDP 像PC0770的Application & Usage下的內容文字應該統一使用設計系統中的Body Text，目前下面li用akrobat是可以的，但是上方資料吃到全局akrobat semibold，需另外定義css屬性以符合設計檔高OK已修改
86
1-19 PDP 產品最下方建議同類型"更多產品"在只有兩個產品的情況下需置左(此情況出現在door & window)高已修改
87
1-20 PDP產品上方選取選單收回時，背景藍色會比較快消失後文字才消失，會產生選單文字疊到後面畫面的感覺，需修正高112/12/5 檢查仍有問題，已傳影片供參考12/29 已再調整過，麻煩確認問題是否排除
88
1-21 PDP產品內容模組內的輪播小ICON箭頭需置中，並調整成企業色以符合設計檔高
89
1-22 PDP分享按鈕圖案需置中於圓框高
90
1-23 PLP手機版產品型號與灰底左右下留空電腦30px是正確，但手機版留空需變成20px低
91
1-24 PDP手機版上方menu按紐icon需與產品列的篩選與toolbox的icon對齊，由於之前有討論是paul設計稿響應式兩邊留空距離不同導致，但這邊是否能調整一致低113/4/25 此處需進一步討論是否能克服，應該要切齊，有必要可與paul討論
92
1-25 PDP 手機版模組1(3項關鍵數據)距離描述過近，需符合設計檔，powertools和PADOM有使用此模組高
93
1-26 PDP 手機版模組2(應用說明加條列式)說明文與條列式之間應該有空隙(由於我看設計檔不太一致，這邊可以所有產品統一空隙，參考"PADOM"PDP)中已調整，待更新
94
1-27 PDP 手機版規格圖下方應該有25的留空中已修改待更新
95
1-28 PDP 手機版下方PDF的名稱和檔案大小中間空隙過大，需調整高
96
1-29 PDP 手機版下方更多產品名稱需要設定正確的字體大小和行距高OK已修改
97
1-30 PDP 手機版規格最下方留空過大，是否因為編輯器中css有沿用中國版的mb-5的關係?拿掉mb-5也與設計檔不一致，看是要都拿掉後調整距離或是如何需定義清楚中
98
1-31 PLP 目前技術手冊.影片頁面點擊showmore是在目前看的地方再向下展開，這樣是OK的，但是像產品PLP頁面點擊時，會變成向上展開要往上拉回頭瀏覽不能從目前看到的地方往下看，是否能像技術手冊及影片庫一樣是在目前看到的地方再向下延展中*需確認機制 (目前頁面效果為處理中)
99
1-32 PLPPLP底部距離過大與設計檔不符合(沒有底下連結和PDF頁尾的距離可參考"PLP - Fixings & Anchors")，另外showing那行距離上面灰底產品區塊也稍微遠一點，需檢查 中
100
1-33 PDP 分享五個小icon中間圖案需置中對齊，請檢查設計檔中