- This topic has 5 ข้อความตอบกลับ, 5 เสียง, and was last updated 3 years, 4 months มาแล้ว by .
กำลังดู 5 ความเห็น
กำลังดู 5 ความเห็น
- คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้
หน้าแรก › ฟอรั่ม › ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส › สอบถามการทำรายการสินค้า 2 คอลัม ในมือถือแนวตั้ง
โดยทั่วไปหน้าแสดงรายการสินค้า (Shop) ถ้าแสดงในจอคอม จะมี 4 คอลัม แต่พอเปิดในมือถือแนวตั้ง จะลดเหลือแค่คอลัมเดียว รูปสินค้าเกือบๆเต็มจอโทรศัพท์
ไม่ทราบว่าพอมีวิธีปรับให้แสดงได้ 2 คอลัมในมือถือแนวตั้งมั้ยครับ
ขอบคุณล่วงหน้าครับ
รอความรู้ครับ ขอบคุณครับๆ 🙂
เอ ธีม Seed / Plant ก็ปรับให้เป็น 2 คอลัมน์อยู่แล้วนะครับ?
พอดีผมใช้ ธีม อื่นอยู่ครับ
เดี๋ยวจะลองโหลด ธีม Seed / Plant ไปใช้ดูครับ
ขอบคุณครับ
ถ้าอยากปรับให้แสดงผมในมือถือเป็น 2 คอลัมภ์ได้ไหมครับ
อย่างแรก ต้องเช็ค คลาสของ สินค้าที่จะปรับก่อนครับ
พอรู้แล้วว่า คลาสที่ใช้กำหนด ความกว้างของ สินค้าตัวนั้นๆ คืออะไร ให้กำหนดความกว้างสำหรับมือถือประมาณนี้ครับ
@media (max-width:767px){ //เป็นmedia query ให้ใช้ css เฉพาะหน้าจอที่ความกว้างไม่เกิน 767px หรือจะใช้ 768ก็ได้ครับ จะรวมถึงไอแพดด้วย แต่ ไอแพดสามารถใส่ได้ 3 อัน ก็จะดูสวยงามดีครับ
.product-class{
width:50%; //50% ในมือถือแสดง 2 คอลัม, 33.33% แสดง 2คอลัม, 25% แสดง 4 คอลัม แต่ในมือถือ แนะนำมากสุด 2 พอครับ มันจะเบียดมากเกินไปถ้าใช้3
}
}
ประมาณนี้ครับ