รูปสินค้าที่ไม่ใช่รูปหลักไม่ชัด (wordpress+woocommerce)

[cloudsphere]

ตอนนี้ผมทำเว็บขายของด้วย wordpress+woocommerce อยู่
https://www.siamratanapisut.com/product/แหวนเงินหยกแก้ว/
ทีนี้ภาพสินค้าที่อัพลงไป อันที่ไม่ใช่ภาพหลัก เวลาเปิดบน PC มันจะไม่ชัดมันจะเบลอๆนิดครับ แต่พอกดเข้าไปดูก็ชัดปกติ
หรือจะเปิดบน Mobile ก็ชัดปกตินะครับ เหมือนจะมีปัญหาแค่บน PC
ใครเคยเจอบ้าง รบกวนด้วยครับ

[success]

มีการใช้เน็ตผ่านโปรแกรม vpn หรือปลั๊กอินพวกประหยัดข้อมูลอยู่รึป่าว เช่น ส่วนขยายโปรแกรมประหยัดอินเตอร์เน็ตของ browser chrome ถ้าใช้อยู่ภาพมันจะไม่ชัดนะ ใน browser อื่น ๆ ก็มักจะมีติดมาให้เหมือนกัน ถ้าเปิดใช้อยู่ยังไงภาพก็ไม่ชัด

[art_aspire]

ผมว่าเป็นที่ธีมนะครับ ธีม Mystile ผมเคยเปลี่ยนเป็นธีมอื่นปรากฎว่าไม่เป็น
เปลี่ยนธีมมาก็เยอะสุดท้ายจบที่ธีมนี้อิอิ
ตอนหลังๆผมใส่รูปอื่นๆที่ช่องรายละเอียดสินค้าเลยเพราะใส่แบบนี้มันจะเบลอ 

[NHK]

เปิด Part URL รูปตรงๆ ดูว่าชัดใหม

[bikinisoft]

จากที่ดูมันเป็นตัว woocommerce product gallery
ซึ่งเวลาโชว์มันจะเป็นรูปใหญ่ข้างบน และมีรูป thumbnail เล็กๆ เรียงกันอยู่ข้างล่าง
ซึ่งรูปที่เบลอนั้นก็คือรูป thumbnail มันจะเรียกไฟล์รูปขนาด 100x100 px มาโชว์ แล้วลิ้งไปที่รูปใหญ่อีกทีนะครับ
ตรง .images img เปลี่ยน width จาก 100% ให้เป็น auto ก็จะเห็นภาพ

แต่ถ้าจะเรียงแบบนี้ ก็ลองไปเปลี่ยนตัว thumbnail จาก woocommerce ใน backend มันจะมีให้เปลี่ยนขนาดรูป thumbnail ครับ ลองดู

[cloudsphere]

จากที่ดูมันเป็นตัว woocommerce product gallery
ซึ่งเวลาโชว์มันจะเป็นรูปใหญ่ข้างบน และมีรูป thumbnail เล็กๆ เรียงกันอยู่ข้างล่าง
ซึ่งรูปที่เบลอนั้นก็คือรูป thumbnail มันจะเรียกไฟล์รูปขนาด 100x100 px มาโชว์ แล้วลิ้งไปที่รูปใหญ่อีกทีนะครับ
ตรง .images img เปลี่ยน width จาก 100% ให้เป็น auto ก็จะเห็นภาพ

แต่ถ้าจะเรียงแบบนี้ ก็ลองไปเปลี่ยนตัว thumbnail จาก woocommerce ใน backend มันจะมีให้เปลี่ยนขนาดรูป thumbnail ครับ ลองดู

เคยลองแล้วครับอันนี้ ไม่ได้ครับ 

[bikinisoft]

จากที่ดูมันเป็นตัว woocommerce product gallery
ซึ่งเวลาโชว์มันจะเป็นรูปใหญ่ข้างบน และมีรูป thumbnail เล็กๆ เรียงกันอยู่ข้างล่าง
ซึ่งรูปที่เบลอนั้นก็คือรูป thumbnail มันจะเรียกไฟล์รูปขนาด 100x100 px มาโชว์ แล้วลิ้งไปที่รูปใหญ่อีกทีนะครับ
ตรง .images img เปลี่ยน width จาก 100% ให้เป็น auto ก็จะเห็นภาพ

แต่ถ้าจะเรียงแบบนี้ ก็ลองไปเปลี่ยนตัว thumbnail จาก woocommerce ใน backend มันจะมีให้เปลี่ยนขนาดรูป thumbnail ครับ ลองดู

เคยลองแล้วครับอันนี้ ไม่ได้ครับ 

งั้นลอง add filter ดูครับ
https://docs.woocommerce.com/document/image-sizes-theme-developers/

[cloudsphere]

จากที่ดูมันเป็นตัว woocommerce product gallery
ซึ่งเวลาโชว์มันจะเป็นรูปใหญ่ข้างบน และมีรูป thumbnail เล็กๆ เรียงกันอยู่ข้างล่าง
ซึ่งรูปที่เบลอนั้นก็คือรูป thumbnail มันจะเรียกไฟล์รูปขนาด 100x100 px มาโชว์ แล้วลิ้งไปที่รูปใหญ่อีกทีนะครับ
ตรง .images img เปลี่ยน width จาก 100% ให้เป็น auto ก็จะเห็นภาพ

แต่ถ้าจะเรียงแบบนี้ ก็ลองไปเปลี่ยนตัว thumbnail จาก woocommerce ใน backend มันจะมีให้เปลี่ยนขนาดรูป thumbnail ครับ ลองดู

เคยลองแล้วครับอันนี้ ไม่ได้ครับ 

งั้นลอง add filter ดูครับ
https://docs.woocommerce.com/document/image-sizes-theme-developers/

ขอบคุณมากครับ เดี๋ยวไปลองดูครับ 

[niwat007]

มาเก็บข้อมูลครับ