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

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

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

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

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

@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