ผมดูผ่านๆ ใช้เวลา ไม่ถึง 10 นาทีนะครับ อาจมองไม่ครบถ้วน และไม่ครอบคลุมทั้งหมด
ผิดตรง ในส่วน <!--สินค้า--> แต่ละส่วน
<a href="single.html" class="item_link"> ไม่ควรครอบแบบที่คุณทำครับ
ควรแก้เป็นในลักษณะ ครอบเฉพาะ class="product-img b-link-stripe b-animate-go thickbox" ก็พอ เช่น
<a href="single.html" class="item_link">
<div class="product-img b-link-stripe b-animate-go thickbox">
<img src="images/p1.jpg" class="img-responsive" alt="">
<div class="b-wrapper">
<h4 class="b-animate b-from-left b-delay03">
<button><span class="glyphicon glyphicon-zoom-in" aria-hidden="true"></span>Quick View</button>
</h4>
</div>
</div>
</a>
***************
ในส่วน <!--สินค้า-->ทั้งหมด ให้คลุมด้วย class=row
วนรอบด้วยคำสั่ง PHP ให้ 1 แถว แสดงได้แค่ 3 สินค้า(กรณีนี้ หวังว่าคุณคงทำอยู่แล้วนะครับ)
product-grid คุณแบ่งไว้ 30% อาจทดสอบ โดยลดขนาดลงให้น้อยกว่า เผื่อแก้ปัญหาได้
เมื่อครบจำนวนที่ต้องการแสดงใน 1 หน้า เช่น 12 สินค้า
(ซึ่งก็คือ 4 แถว แถวละ 3 สินค้า)
แล้วปิด class=row
จากนั้นใน ส่วนการแบ่งหน้า
ก่อนขึ้น <!--แสดงหน้า-->
ให้เริ่ม class=row ใหม่
เมื่อแสดงการแบ่งหน้า จบด้วยการปิด
class=row
(ผมไม่ค่อยใช้ clearfix)
**************
ที่ผมพูดถึงข้างต้น มาจากที่ผมใช้อยู่
และการทำให้แต่ละหน้าแสดงผลได้ดี มีหลากหลายวิธี แล้วแต่เราจะเลือก
ไม่ต้องเป็นแบบที่ผมพูดถึงก็ได้ ให้มันสวย แสดงผลถูกต้อง ก็ถือว่าเหมือนกันครับ
พัฒนาเว็บไซต์
