เกี่ยวกับป้าย 'SALE' และราคาก่อนหน้านั้น

ในบทความนี้ : 

1. คำแนะนำ
   
2. ฉลาก 'SALE'  และราคาก่อนหน้านั้น  โดยการเปรียบเทียบราคา 
   
3. ฉลาก 'SALE' และราคาก่อนหน้านั้น โดยสินค้าระดับโปรโมชั่น 
   
4. ปิดการใช้งาน  ฉลาก 'SALE'  ซึ่งสร้างขึ้นโดยเปรียบเทียบราคา
   
5. การเปลี่ยนขนาดและสีของฉลาก 'SALE'  
   

1.คำแนะนำ 

ฉลาก  'SALE' เป็นฉลากที่สร้างขึ้นอัตโนมัติเมื่อมีการลดราคาสำหรับสินค้าใด ๆ จะแสดงที่มุมขวาบนของภาพสินค้าของคุณด้วยสีธีม และ มาพร้อมกับราคาที่ขีดเส้นทับตลอดเวลา

2. เปรียบเทียบราคา

เปรียบเทียบราคาคือฟังก์ชันลดราคาที่ฝังอยู่ในระบบแอดมิน > สินค้า , ส่วนราคา

เมื่อเปรียบเทียบราคาแล้วราคาจะแสดงฉลาก 'SALE' และขีดทับราคาเดิมบนสินค้า

3. ตามโปรโมชั่นระดับสินค้า

นอกเหนือจากการเปรียบเทียบราคาป้าย 'SALE' และราคาที่ขีดทับจะปรากฏขึ้น
หากคุณได้สร้างการส่งเสริมระดับสินค้า สำหรับสินค้านี้

ในการสร้างโปรโมชั่นประเภทนี้คุณสามารถเยี่ยมชมหน้านี้เพื่อทราบว่าเครื่องมือใดเป็นเครื่องมือโปรโมตระดับสินค้า (สำหรับสินค้าที่เลือก) จากนั้นไปที่
หน้าแอดมิน > โปรโมชั่น> เพิ่มโปรโมชั่นเพื่อสร้างโปรโมชั่น

ตรวจสอบให้แน่ใจว่าได้ปฏิบัติตามเงื่อนไขด้านล่างนี้เพื่อแสดงป้าย 'SALE' และราคาปิดทับ

• จำนวน= 1, จำนวน = 2  หรือมากกว่าจะไม่เกิดขึ้น
  
• รหัสว้อยเชอร์  = ไม่สามารถใช้ได้ 
  
• กำหนดลูกค้าเป้าหมาย = เปิดสาธารนะ 
  

4. ปิดใช้งาน ฉลากป้าย 'SALE' ซึ่งสร้างขึ้นโดยวิธีที่ 2 และ 3

หากคุณต้องการมีป้ายกำกับที่แตกต่างกันสำหรับสินค้าที่ต้องการส่งเสริมการขายหรือ
คุณคิดว่าป้าย 'ลดราคา' ปิดกั้นการแสดงสินค้าของคุณ คุณก็สามารถปิดการใช้งานป้ายกำกับได้ โดยทำตามขั้นตอนด้านล่าง:

🔺 โปรดทราบว่าขั้นตอนนี้จะปิดใช้งานป้ายกำกับ 'Sold Out' บนภาพสินค้าด้วย

ไปที่  EasyStore's แอดมิน > ร้านค้าออนไลน์ > ธีม  > แก้ไขแหล่งข้อมูล > assets/theme.scss > ค้นหา $badgeSize:  > ข้างๆ display: , แทนที่ table กับ none > บันทึก 

ผลลัพธ์:

5. เปลี่ยนขนาดและสีของป้ายฉลาก  'SALE' 

คุณสามารถเปลี่ยนขนาดและสี สำหรับทั้งสองฉลาก 'SALE'   ไปที่  EasyStore แอดมิน > ร้านค้าออนไลน์  > ธีม > แก้ไขแหล่งข้อมูล  > assets/theme.scss

5.1 ค้นหา badge__text--small {

• Font size: ปรับจำนวนข้างๆ  font-size 
  

5.2 ค้นหา  $badgeSize:

• ขนาดฉลาก: ปรับตัวเลขด้านข้าง $badgeSize: 
  
• สีของฉลาก : ข้างๆสีพื้นหลัง : แทนที่ $colorPrimary ด้วยรหัสสีที่คุณต้องการ
  
• สีตัวอักษร : ข้างๆสี : , แทนที่ $colorBtnPrimaryText  ด้วยรหัสสีที่คุณต้องการ 
  

5.3 บันทึก และ เสร็จ 

เคล็ดลับบางประการ:

คุณอาจได้รับรหัสสีของสีที่คุณต้องการที่นี่

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