แสดงสไลด์แบบเต็มมุมมองในมือถือสำหรับธีม Fall and Maker

 ธีม ใหม่ของเรา Fall และ Maker มีการออกแบบพิเศษที่จะมุ่งเน้นไปที่มุมมองการดูในมือถือ เราเข้าใจว่าคุณอาจมีแนวคิดการออกแบบที่แตกต่างกันสำหรับสไลด์และยังต้องการแสดงสไลด์แบบเต็มในมุมมองมือถือ คุณสามารถทำได้โดยปรับความสูงของสไลด์ในมุมมองมือถือ

และนี่คือคำแนะนำ

1. ไปที่ระบบEasyStore > ร้านค้าออนไลน์ > ธีม > แก้ไขแหล่งข้อมูล  > folder assets/theme.scss.

2. หากคุณกำลังใช้ธีม Fall 

2.1 ค้นหา  < .flexslider >, ข้างล่าง < min-height: 500px; >, เพิ่มโค้ดตามนี้ ลงไป :

undefined @include at-query($max, $medium) { height: 500px; max-height: 500px; min-height: 500px;}

2.2 ผลลัพธ์ดังนี้

2.3 ปรับความสูงของสไลด์ ไปที่ตัวเลข 500 ตามการออกแบบของคุณ 

• height: ความสูงของสไลด์ที่คุณต้องการ 

• max-height: ความสูงที่สุดของสไลด์ที่คุณต้องการ  

• min-height: ความสูงตํ่าสุดของสไลด์ที่คุณต้องการ  

2.4.  บันทึก และ เสร็จสิ้น 

3. หากคุณกำลังใช้ธีม Maker 

3.1 ค้นหา < .flexslider > ปรับความสูงของสไลด์ ไปที่ตัวเลข 500 ตามการออกแบบของคุณ 

3.2 บันทึก และ เสร็จสิ้น 

เคล็ดลับ :

• ตัวอย่างแสดงผลลัพธ์โดยการเปลี่ยนความสูงของสไลด์เป็น 250px.

• หากคุณคิดว่าสไลด์ใหญ่มากเกินไป ,คุณสามารถเปลี่ยนขนาดที่หน้าแอดมิน  > ร้านค้า > ธีม > ปรับแต่ง >การตั้งค่าสไลด์ > ตัวอักษรสไลด์ . ตัวอย่างโดยการเปลี่ยนขนาดตัวอักษรเป็นขนาดเล็กพิเศษ

• หรือคุณสามารถลบข้อความในเนื้อหาสไลด์ 

หวังว่าบทความนี้จะเป็นประโยชน์สำหรับคุณ 😀🙂

อัปเดตเมื่อ: 28/09/2022