feat: Fix product tables and responsive fonts

- Add product detail page ([slug].astro) with table rendering
- Display productTables from site-config.ts on product pages
- Add responsive font scaling for large screens (1280px+)
- Base font scales from 16px to 24px on 4K displays
- All text elements use responsive sizing (md/lg/xl breakpoints)
- Tables styled with green headers and alternating rows
- Add comprehensive documentation (FIXES_SUMMARY.md)

Fixes:
- Product specification tables now visible on product pages
- Font too small on large screens - now responsive
This commit is contained in:
Kunthawat Greethong
2026-03-02 12:22:13 +07:00
parent 6b453a8b86
commit ede8e32591
179 changed files with 35057 additions and 0 deletions

214
syler-page2.md Normal file
View File

@@ -0,0 +1,214 @@
- generic [active] [ref=e1]:
- generic [ref=e3]:
- generic [ref=e6]:
- generic [ref=e8]:
- paragraph [ref=e15]:
- generic [ref=e16]: บริษัท ดีล พลัส เทค จำกัด เราเป็นผู้เชียวชาญด้านระบบน้ำ ให้คำแนะนำและจำหน่าย ท่อ PPR ตราช้าง ท่อพีพีอาร์ ท่อ PPR ท่อ HDPE Thai PPR รั้วตาข่าย คุณภาพสูง ราคาถูก
- generic [ref=e17]:
- link "Deal Plus Tech" [ref=e22] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/
- img "Deal Plus Tech" [ref=e23]
- navigation [ref=e31]:
- menubar "Menu" [ref=e32]:
- listitem [ref=e33]:
- menuitem "Home" [ref=e34] [cursor=pointer]:
- generic [ref=e36]: Home
- listitem [ref=e37]:
- menuitem "เกี่ยวกับเรา" [ref=e38] [cursor=pointer]:
- generic [ref=e40]: เกี่ยวกับเรา
- listitem [ref=e41]:
- menuitem "สินค้า" [ref=e42] [cursor=pointer]:
- generic [ref=e44]: สินค้า
- listitem [ref=e45]:
- menuitem "บริการ" [ref=e46] [cursor=pointer]:
- generic [ref=e48]: บริการ
- listitem [ref=e49]:
- menuitem "ผลงาน" [ref=e50] [cursor=pointer]:
- generic [ref=e52]: ผลงาน
- listitem [ref=e53]:
- menuitem "ร่วมงานกับเรา" [ref=e54] [cursor=pointer]:
- generic [ref=e56]: ร่วมงานกับเรา
- listitem [ref=e57]:
- menuitem "ถามตอบ" [ref=e58] [cursor=pointer]:
- generic [ref=e60]: ถามตอบ
- listitem [ref=e61]:
- menuitem "ติดต่อเรา" [ref=e62] [cursor=pointer]:
- generic [ref=e64]: ติดต่อเรา
- generic [ref=e71]:
- paragraph [ref=e72]: "Call Us:"
- strong [ref=e73]: 090-555-1415
- text:       
- navigation [ref=e76]:
- menubar "Menu" [ref=e77]:
- listitem [ref=e78]:
- menuitem "Home" [ref=e79] [cursor=pointer]:
- generic [ref=e81]: Home
- listitem [ref=e82]:
- menuitem "เกี่ยวกับเรา" [ref=e83] [cursor=pointer]:
- generic [ref=e85]: เกี่ยวกับเรา
- listitem [ref=e86]:
- menuitem "สินค้า" [ref=e87] [cursor=pointer]:
- generic [ref=e89]: สินค้า
- listitem [ref=e90]:
- menuitem "บริการ" [ref=e91] [cursor=pointer]:
- generic [ref=e93]: บริการ
- listitem [ref=e94]:
- menuitem "ผลงาน" [ref=e95] [cursor=pointer]:
- generic [ref=e97]: ผลงาน
- listitem [ref=e98]:
- menuitem "ร่วมงานกับเรา" [ref=e99] [cursor=pointer]:
- generic [ref=e101]: ร่วมงานกับเรา
- listitem [ref=e102]:
- menuitem "ถามตอบ" [ref=e103] [cursor=pointer]:
- generic [ref=e105]: ถามตอบ
- listitem [ref=e106]:
- menuitem "ติดต่อเรา" [ref=e107] [cursor=pointer]:
- generic [ref=e109]: ติดต่อเรา
- generic [ref=e110]:
- generic [ref=e113]:
- link "Home" [ref=e114] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/
- text: ">/ ท่อไซเลอร์ | Syler"
- generic [ref=e115]:
- banner
- article [ref=e119]:
- generic [ref=e120]:
- generic [ref=e124]:
- heading "ท่อไซเลอร์ (ท่อ Syler)" [level=1] [ref=e127]
- heading "ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ" [level=1] [ref=e130]:
- emphasis [ref=e131]: ส่งฟรี กรุงเทพมหานคร ปริมณฑล สามารถสอบถามได้ที่ช่อง Chat หรือโทรหา ติดต่อสอบถามส่วนลด ราคาเพิ่มเติม ติดต่อ Dealplustech ได้ตลอดเวลาทำการ
- paragraph [ref=e134]:
- generic [ref=e135]:
- strong [ref=e136]: "Telephone :"
- strong [ref=e137]:
- link "090-555-1415" [ref=e138] [cursor=pointer]:
- /url: tel:0905551415
- generic [ref=e139]:
- strong [ref=e140]: "E-mail :"
- link "dealplustech@gmail.com" [ref=e141] [cursor=pointer]:
- /url: mailto:dealplustech@gmail.com
- generic [ref=e142]:
- strong [ref=e143]: "Line Id :"
- text: Jppselection
- figure [ref=e145]:
- link [ref=e146] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2019/07/QR-Code-Dealplustech.jpg
- generic [ref=e150]:
- generic [ref=e152]:
- paragraph [ref=e153]:
- link "ท่อไซเลอร์ (ท่อ SYLER)" [ref=e154] [cursor=pointer]:
- /url: ../ท่อไซเลอร์/
- strong [ref=e155]: ท่อไซเลอร์ (ท่อ SYLER)
- text: เป็นท่อเหล็กกล้าClass M ชุบสังกะสี ภายนอกจะถูกเคลือบด้วยผงโพลีเอทิลีน (PEpowder coat) ป้องกันสนิมจากภายนอกอีกชั้นหนึ่ง จึงทำให้มั่นใจได้ว่าท่อไซเลอร์จะมีอายุการใช้งานยาวนานกว่าท่อเหล็กGalvanized ถึง50ปี เพราะไม่เป็นสนิมจากภายนอก
- paragraph [ref=e156]: ส่วนภายในถูกบุด้วยพลาสติกโพลีเอทิลีน(PE) เพื่อป้องกันการเกิดสนิมภายในเนื่องจากน้ำภายในท่อจะไม่สัมผัสกับตัวท่อ ท่อ SYLERผลิตภายใต้มาตรฐานระบบคุณภาพ ISO 9001:2000 และFM APPROVED ทำให้ท่อทุกเส้นมีคุณภาพได้มาตรฐานเดียวกัน ยิ่งไปกว่านั้น
- paragraph [ref=e157]:
- link "ท่อ SYLER" [ref=e158] [cursor=pointer]:
- /url: ../ท่อไซเลอร์/
- text: ยังผ่านมาตรฐานผลิตภัณฑ์ BS1387/85 CLASS M (BSM) และผ่านการชุบสังกะสีหนากว่าปกติส่วนด้านความสะอาด ท่อSYLER ผ่านการทดสอบมาตรฐาน BS6920 PART II ซึ่งเป็นการทดสอบปริมาณโลหะหนัก สีกลิ่นรส และการเจริญเติบโตของเชื้อจุลินทรีย์จากน้ำที่ขังอยู่ภายในท่อเป็นเวลายาวนานถึงสองเดือน
- figure [ref=e160]:
- link [ref=e161] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/SYLER01.jpg
- list [ref=e164]:
- listitem [ref=e165]: สามารถทนแรงดันได้ 50 bar อุณภูมิใช้งานได้ถึง 90 องศาเซลเซียส
- listitem [ref=e166]: มีคุณสมบัติที่สามารถป้องกันปัญหาต่างๆไม่ว่าจะเป็นท่อรั่วซึมจากการกัดกร่อนของสนิม ท่อเป็นสนิมอุดตัน ท่อตกท้องช้าง ท่อกรอบแตกเมื่ออยู่กลางแจ้ง มีสารเคมีและสารก่อมะเร็งปนเปื้อน ไม่ลามไฟเมื่อเกิดอัคคีภัย ติดตั้งง่ายแม้อยู่ในที่แคบ
- listitem [ref=e167]: สามารถใช้เป็นท่อเมนขนาดใหญและท่อดับเพลิง เหมาะกับระบบท่อประปาน้ำร้อน น้ำเย็น ท่อเคมี ท่อลม ภายในบ้าน อาคารสูงต่างๆ คอนโด โรงแรม โรงพยาบาลระบบขนส่งสารเคมี Compression air Chilled pipe ระบบท่อน้ำประปาทั่วไปท่อน้ำร้อน น้ำอุ่น ใช้ได้ทั้งภายในและภายนอกอาคาร
- listitem [ref=e168]: มีการออกแบบมาเป็นพิเศษเพื่อที่จะป้องกันไม่ให้มีการสัมผัสกันของน้ำกับตัวเนื้อเหล็กภายในท่อข้อต่อ SYLER มีมากมายครบตามลักษณะการใช้งานระบบประปามีทั้งแบบที่เกลียวและ การต่อแบบ groove coupling
- generic [ref=e172]:
- heading "ข้อดีของการติดตั้งในระบบ Grooved Coupling" [level=1] [ref=e175]:
- generic [ref=e176]: ข้อดีของการติดตั้งในระบบ Grooved Coupling
- list [ref=e181]:
- listitem [ref=e182]: ติดตั้งง่าย สะดวกรวดเร็ว ทำให้ประหยัดค่าแรงและเวลาในการติดตั้ง นอกจากนี้ยังคล่องตัวรองรับการออกแบบที่หลากหลยตามแต่สภาพหน้างาน
- listitem [ref=e183]: สามารกโยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลท์ท่อเพิ่มเติม รวมทั้งถอดทำความสะอาดและประกอบเข้าใหม่ได้โดยง่าย
- listitem [ref=e184]: สามารถรับแรงสั่นสะเทือน แรงกดจากแผ่นดินไหว อีกทั้งสามารถดูดซับเสียงได้ดี
- listitem [ref=e185]: รับแรงดันได้สูง 300-735 psi (การทนแรงดันจะขึ้นอยู่กับรุ่นของ Coupling ที่เลือกใช้
- listitem [ref=e186]: ข้อต่อ มี PE เคลือบผิวด้านใน คงคุณสมบัติเด่นของท่อไซเลอร์ ไว้ครบถ้วน จึงมั่นใจว่าน้ำที่ไหลผ่านจะปลอดสนิม อีกทั้งแข็งแรง ทนทาน อายุการใช้งานยาวนาน
- listitem [ref=e187]: ท่อไซเลอร์ ผ่านมาตรฐาน ที่ไม่ทำให้รสชาติ สีและความใสของน้ำเปลี่ยนไป (จากการทดสอบน้ำที่ขังภายในท่อเป็นเวลา 2 เดือน)
- listitem [ref=e188]: ปริมาณโลหะหนักที่ปนเปื้อนมากับน้ำ (จากการทดสอบน้ำที่ขังภายในท่อเป็นเวลา 2 เดือน) ต่ำกว่ามาตรฐานตั้งแต่ 20 500 เท่า
- listitem [ref=e189]: ปริมาณการเจริญเติบโตของเชื้อจุลินทรีย์ที่เจริญได้ในน้ำ (จากการทดสอบน้ำที่ขังภายในท่อเป็นเวลา 2 เดือน) ต่ำกว่ามาตรฐานถึง 13 เท่า และไม่ปรากฎสารปนเปื้อน หรือสารพิษใดๆ ที่เป็นอันตรายต่อร่างกายมนุษย์รวมถึงสารก่อมะเร็งต่างๆ จากน้ำที่นำมาตรวจสอบ
- listitem [ref=e190]: ผ่านมาตรฐานการตรวจสอบโดยกรมวิทยาศาสตร์ปบริการภายใต้ มาตรฐาน BS 6920 Part II
- listitem [ref=e191]: ผ่านการตรวจสอบโดบคณะวิศวกรรมศาสตร์ จุฬาลงกรณ์มหาวิทยาลัย ภาควิชาเครื่อกลภายใต้มาตรฐาน BS 1387/85 Class Medium
- listitem [ref=e192]: ผ่านการตรวจสอบโดย NUTEK System Co.,Ltd ทั้งภายใต้มาตรฐาน BS 6920 Part II และ BS 1387/85 Class Medium ซึ่ง NUTEK System เป็นห้องทดลองที่ได้รับอนุมัติจากรัฐบาลฮ่องกง สำหรับการทดสอบอุปกรณ์ส่งน้ไที่จะนำไปใช้งานของรัฐในฮ่องกง
- generic [ref=e196]:
- heading "ท่อเหล็กบุพีอี ไซเลอร์" [level=1] [ref=e199]:
- generic [ref=e200]: ท่อเหล็กบุพีอี ไซเลอร์
- figure [ref=e202]:
- link [ref=e203] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/SYLER-b01-1024x490.jpg
- figure [ref=e205]:
- link [ref=e206] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/SYLER-b02-763x1024.jpg
- figure [ref=e208]:
- link [ref=e209] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/SYLER-b03.jpg
- figure [ref=e211]:
- link "ท่อไซเลอร์" [ref=e212] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/syler001-866x1024.jpg
- img "ท่อไซเลอร์" [ref=e213]
- figure [ref=e215]:
- link [ref=e216] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/syler002-1024x682.jpg
- figure [ref=e218]:
- link [ref=e219] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/syler003-1024x342.jpg
- figure [ref=e221]:
- link [ref=e222] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/syler001-1-1024x622.jpg
- figure [ref=e224]:
- link [ref=e225] [cursor=pointer]:
- /url: https://www.dealplustech.co.th/wp-content/uploads/2021/02/syler002-1-1024x744.jpg
- generic [ref=e230]:
- generic [ref=e233]:
- search [ref=e236]:
- generic [ref=e237]:
- generic [ref=e238]: "Search for:"
- searchbox "Search for:" [ref=e239]
- button "Search Button Search" [ref=e240]:
- generic [ref=e241]: Search Button
- img "Search" [ref=e243]
- generic [ref=e246]:
- paragraph [ref=e247]:
- text: บริษัท ดีล พลัส เทค จำกัด
- text: 9/70 ซอยนครลุง 17 แขวงบางไผ่ เขตบางแค กทม. 10160
- paragraph [ref=e248]: ส่งสินค้าฟรี กรุงเทพมหานคร ปริมณฑล
- paragraph [ref=e249]:
- generic [ref=e250]:
- text: "Telephone:"
- strong [ref=e251]:
- link "090-555-1415" [ref=e253] [cursor=pointer]:
- /url: tel:0905551415
- generic [ref=e254]:
- text: "E-mail:"
- link "dealplustech@gmail.com" [ref=e256] [cursor=pointer]:
- /url: mailto:dealplustech@gmail.com
- list [ref=e258]:
- listitem [ref=e259]:
- link "" [ref=e260] [cursor=pointer]:
- /url: https://www.facebook.com/Dealplustech/
- generic [ref=e261]: 
- generic [ref=e264]:
- heading "Newsletter" [level=5] [ref=e267]
- paragraph [ref=e270]: Sign up for our e-mail to get latest news.
- status [ref=e271]
- text: 
- img [ref=e272]
- generic:
- generic:
- generic:
- generic:
- generic:
- link "Phone":
- /url: tel:+6690551415
- generic:
- generic:
- img
- generic:
- link "Facebook_Messenger":
- /url: https://m.me/Dealplustech
- generic:
- generic:
- img
- generic [ref=e273] [cursor=pointer]:
- generic: Contact us
- button "Open chaty" [ref=e275]:
- img [ref=e277]
- generic [ref=e283]: Open chaty