(X3.5) วิธีแก้ไขปัญหา Top List ไม่แสดงผลบางกระทู้

popiazaza

ก่อนแก้ไข

หลังแก้ไข

ปัญหานี้เกิดขึ้นจากเดิมใช้การตัดชื่อกระทู้ยาวโดยการขึ้นบรรทัดใหม่

เช่น ตัวอย่างชื่อกระทู้

1. - สกินwanpin123_140915+DIY รองรับ X3.4,X3.5

คัดลอกไปที่คลิปบอร์ด

ก็จะตัดออกเป็น

1. - สกินwanpin123_140915+DIY รองรับ
   
2. X3.4,X3.5

คัดลอกไปที่คลิปบอร์ด

โดยที่เราจะมองไม่เห็นบรรทัดล่าง เนื่องจากถูกซ่อนไว้
แต่เมื่อบางชื่อกระทู้ที่ Web Browser ไม่สามารถตัดคำเพื่อขึ้นบรรทัดใหม่เองได้
จะทำให้เกิดการดันข้อความทั้งหมดไปอีกบรรทัด

แสดงให้เราเห็นเพียงไอคอนจุดเทาข้างหน้า ที่นับเป็น 1 ตัวอักษร และสามารถตัดคำออกไปได้
เช่น ตัวอย่างกระทู้

1. - สกินveikei_dz_portal_20130815_3d+DIY รองรับX3.4-X3.5

คัดลอกไปที่คลิปบอร์ด

กลายเป็น

1. -
   
2. สกินveikei_dz_portal_20130815_3d+DIY
   
3. รองรับX3.4-X3.5

คัดลอกไปที่คลิปบอร์ด

วิธีแก้ไขคือการแก้ให้ข้อความแสดงเป็นบรรทัดเดียวกันทั้งหมด แล้วซ่อนข้อความที่ยาวเกินในบรรทัดเดียวแทน
โดยการเปิดไฟล์ /template/default/common/module.css หรือไฟล์ในสกินที่คุณใช้อยู่ (ถ้ามี)
ค้นหาคำว่า

1. .category_newlist li { height: 21px; line-height:21px; overflow: hidden; }

คัดลอกไปที่คลิปบอร์ด

แล้วแก้ไขเป็น

1. .category_newlist li { height: 21px; line-height:21px; overflow: hidden; white-space: nowrap; }

คัดลอกไปที่คลิปบอร์ด

บันทึกไฟล์ และอัปเดตแคช (AdminCP > เครื่องมือ > อัปเดตแคช)

หมายเหตุ: ไม่แน่ใจว่าเวอร์ชั่นก่อนหน้านี้มีปัญหามั้ย ยังไม่ได้ทดสอบ แต่ถ้าอยากแก้ไขก็สามาถแก้ไขได้โดยการใช้วิธีเดียวกัน โดยแก้จาก

1. .category_newlist li { background:url({IMGDIR}/dot.gif) no-repeat left center;  height: 21px; line-height:21px; overflow: hidden; padding-left:10px; }

คัดลอกไปที่คลิปบอร์ด

เป็น

1. .category_newlist li { background:url({IMGDIR}/dot.gif) no-repeat left center;  height: 21px; line-height:21px; overflow: hidden; padding-left:10px; white-space: nowrap; }

คัดลอกไปที่คลิปบอร์ด