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

  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 บันทึก และ เสร็จ 

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

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

Did this answer your question?