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

คำแนะนำ

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

ฉลาก 'SALE' และราคาก่อนหน้านั้น โดยสินค้าระดับโปรโมชั่น

ปิดการใช้งาน  ฉลาก 'SALE'  ซึ่งสร้างขึ้นโดยเปรียบเทียบราคา

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

1.คำแนะนำ 

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

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

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



เมื่อเปรียบเทียบราคาแล้วราคาจะแสดงฉลาก '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 บันทึก และ เสร็จ 

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

คุณอาจได้รับรหัสสีของสีที่คุณต้องการ[ที่นี่](https://www.rapidtables.com/web/color/html-color-codes.html)
บทความนี้เป็นประโยชน์หรือไม่?
ยกเลิก
ขอบคุณ!