สอบถามการทำรายการสินค้า 2 คอลัม ในมือถือแนวตั้ง

หน้าแรก ฟอรั่ม ถามปัญหาการทำเว็บด้วยเวิร์ดเพรส สอบถามการทำรายการสินค้า 2 คอลัม ในมือถือแนวตั้ง

กำลังดู 5 ความเห็น
  • ผู้เขียน
    ข้อความ
    • #66572
      khonnon
      Participant

      โดยทั่วไปหน้าแสดงรายการสินค้า (Shop) ถ้าแสดงในจอคอม จะมี 4 คอลัม แต่พอเปิดในมือถือแนวตั้ง จะลดเหลือแค่คอลัมเดียว รูปสินค้าเกือบๆเต็มจอโทรศัพท์

      ไม่ทราบว่าพอมีวิธีปรับให้แสดงได้ 2 คอลัมในมือถือแนวตั้งมั้ยครับ

      ขอบคุณล่วงหน้าครับ

    • #66573
      Hello
      Participant

      รอความรู้ครับ ขอบคุณครับๆ 🙂

    • #66577
      Facebook Profile photoMenn
      Keymaster

      เอ ธีม Seed / Plant ก็ปรับให้เป็น 2 คอลัมน์อยู่แล้วนะครับ?

      Screenshot 2017-08-29 21.39.03

    • #66584
      khonnon
      Participant

      พอดีผมใช้ ธีม อื่นอยู่ครับ

      เดี๋ยวจะลองโหลด ธีม Seed / Plant ไปใช้ดูครับ

      ขอบคุณครับ

    • #187430
      Facebook Profile photoตาเดฟ
      Participant

      ถ้าอยากปรับให้แสดงผมในมือถือเป็น 2 คอลัมภ์ได้ไหมครับ

    • #187516
      Catdev Studio
      Participant

      อย่างแรก ต้องเช็ค คลาสของ สินค้าที่จะปรับก่อนครับ

      พอรู้แล้วว่า คลาสที่ใช้กำหนด ความกว้างของ สินค้าตัวนั้นๆ คืออะไร ให้กำหนดความกว้างสำหรับมือถือประมาณนี้ครับ

      @media (max-width:767px){ //เป็นmedia query ให้ใช้ css เฉพาะหน้าจอที่ความกว้างไม่เกิน 767px หรือจะใช้ 768ก็ได้ครับ จะรวมถึงไอแพดด้วย แต่ ไอแพดสามารถใส่ได้ 3 อัน ก็จะดูสวยงามดีครับ

      .product-class{

      width:50%; //50% ในมือถือแสดง 2 คอลัม, 33.33% แสดง 2คอลัม, 25% แสดง 4 คอลัม แต่ในมือถือ แนะนำมากสุด 2 พอครับ มันจะเบียดมากเกินไปถ้าใช้3

      }

      }

      ประมาณนี้ครับ

กำลังดู 5 ความเห็น

  • คุณต้องเข้าสู่ระบบเพื่อตอบกลับกระทู้นี้