แสดงสไลด์แบบเต็มมุมมองในมือถือสำหรับธีม Fall and Maker
![](https://storage.crisp.chat/users/helpdesk/website/75bf9d9809b45400/e07b9178-75b9-48d9-bc3b-fc456e_eiuq31.png)
ธีม ใหม่ของเรา Fall และ Maker มีการออกแบบพิเศษที่จะมุ่งเน้นไปที่มุมมองการดูในมือถือ เราเข้าใจว่าคุณอาจมีแนวคิดการออกแบบที่แตกต่างกันสำหรับสไลด์และยังต้องการแสดงสไลด์แบบเต็มในมุมมองมือถือ คุณสามารถทำได้โดยปรับความสูงของสไลด์ในมุมมองมือถือ
และนี่คือคำแนะนำ
ไปที่ระบบEasyStore > ร้านค้าออนไลน์ > ธีม > แก้ไขแหล่งข้อมูล > folder assets/theme.scss.
![](https://storage.crisp.chat/users/helpdesk/website/cc2c3cd758afd000/e667f124-2662-4a57-9e6b-8518fe_1eu5vl5.png)
![](https://storage.crisp.chat/users/helpdesk/website/18280308a0132e00/7a839ad8-0987-4f6e-af3b-1082ef_ra5z6p.png)
2. หากคุณกำลังใช้ธีม Fall
2.1 ค้นหา < .flexslider >, ข้างล่าง < min-height: 500px; >, เพิ่มโค้ดตามนี้ ลงไป :
@include at-query($max, $medium) { height: 500px; max-height: 500px; min-height: 500px;}
2.2 ผลลัพธ์ดังนี้
![](https://storage.crisp.chat/users/helpdesk/website/65bdaf2fe1702c00/ec96f116-743f-4e0b-8d6d-6d91a7_1c97126.png)
2.3 ปรับความสูงของสไลด์ ไปที่ตัวเลข 500 ตามการออกแบบของคุณ
height: ความสูงของสไลด์ที่คุณต้องการ
max-height: ความสูงที่สุดของสไลด์ที่คุณต้องการ
min-height: ความสูงตํ่าสุดของสไลด์ที่คุณต้องการ
2.4. บันทึก และ เสร็จสิ้น
3. หากคุณกำลังใช้ธีม Maker
3.1 ค้นหา < .flexslider > ปรับความสูงของสไลด์ ไปที่ตัวเลข 500 ตามการออกแบบของคุณ
![](https://storage.crisp.chat/users/helpdesk/website/a03682b8914f7000/4e4f1895-a9a6-465b-9d9b-7ec8bd_1rcux0r.png)
3.2 บันทึก และ เสร็จสิ้น
เคล็ดลับ :
ตัวอย่างแสดงผลลัพธ์โดยการเปลี่ยนความสูงของสไลด์เป็น 250px.
หากคุณคิดว่าสไลด์ใหญ่มากเกินไป ,คุณสามารถเปลี่ยนขนาดที่หน้าแอดมิน > ร้านค้า > ธีม > ปรับแต่ง >การตั้งค่าสไลด์ > ตัวอักษรสไลด์ . ตัวอย่างโดยการเปลี่ยนขนาดตัวอักษรเป็นขนาดเล็กพิเศษ
หรือคุณสามารถลบข้อความในเนื้อหาสไลด์
หวังว่าบทความนี้จะเป็นประโยชน์สำหรับคุณ 😀🙂
อัปเดตเมื่อ: 28/09/2022
ขอบคุณ!