บทความเกี่ยวกับ: ธีม และ การดีไซน์ร้านค้า

แสดงสไลด์แบบเต็มมุมมองในมือถือสำหรับธีม 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

บทความนี้เป็นประโยชน์หรือไม่?

แบ่งปันความคิดเห็นของคุณ

ยกเลิก

ขอบคุณ!