เกี่ยวกับป้าย 'SALE' และราคาก่อนหน้านั้น
ในบทความนี้ :
คำแนะนำ
ฉลาก 'SALE' และราคาก่อนหน้านั้น โดยการเปรียบเทียบราคา
ฉลาก 'SALE' และราคาก่อนหน้านั้น โดยสินค้าระดับโปรโมชั่น
ปิดการใช้งาน ฉลาก 'SALE' ซึ่งสร้างขึ้นโดยเปรียบเทียบราคา
การเปลี่ยนขนาดและสีของฉลาก 'SALE'
1.คำแนะนำ
ฉลาก 'SALE' เป็นฉลากที่สร้างขึ้นอัตโนมัติเมื่อมีการลดราคาสำหรับสินค้าใด ๆ จะแสดงที่มุมขวาบนของภาพสินค้าของคุณด้วยสีธีม และ มาพร้อมกับราคาที่ขีดเส้นทับตลอดเวลา
เปรียบเทียบราคา
เปรียบเทียบราคาคือฟังก์ชันลดราคาที่ฝังอยู่ในระบบแอดมิน > สินค้า , ส่วนราคา
เมื่อเปรียบเทียบราคาแล้วราคาจะแสดงฉลาก 'SALE' และขีดทับราคาเดิมบนสินค้า
นอกเหนือจากการเปรียบเทียบราคาป้าย 'SALE' และราคาที่ขีดทับจะปรากฏขึ้น
หากคุณได้สร้างการส่งเสริมระดับสินค้า สำหรับสินค้านี้
ในการสร้างโปรโมชั่นประเภทนี้คุณสามารถเยี่ยมชมหน้านี้เพื่อทราบว่าเครื่องมือใดเป็นเครื่องมือโปรโมตระดับสินค้า (สำหรับสินค้าที่เลือก) จากนั้นไปที่
หน้าแอดมิน > โปรโมชั่น> เพิ่มโปรโมชั่นเพื่อสร้างโปรโมชั่น
ตรวจสอบให้แน่ใจว่าได้ปฏิบัติตามเงื่อนไขด้านล่างนี้เพื่อแสดงป้าย 'SALE' และราคาปิดทับ
จำนวน= 1, จำนวน = 2 หรือมากกว่าจะไม่เกิดขึ้น
รหัสว้อยเชอร์ = ไม่สามารถใช้ได้
กำหนดลูกค้าเป้าหมาย = เปิดสาธารนะ
หากคุณต้องการมีป้ายกำกับที่แตกต่างกันสำหรับสินค้าที่ต้องการส่งเสริมการขายหรือ
คุณคิดว่าป้าย 'ลดราคา' ปิดกั้นการแสดงสินค้าของคุณ คุณก็สามารถปิดการใช้งานป้ายกำกับได้ โดยทำตามขั้นตอนด้านล่าง:
🔺 โปรดทราบว่าขั้นตอนนี้จะปิดใช้งานป้ายกำกับ 'Sold Out' บนภาพสินค้าด้วย
ไปที่ EasyStore's แอดมิน > ร้านค้าออนไลน์ > ธีม > แก้ไขแหล่งข้อมูล > assets/theme.scss > ค้นหา $badgeSize: > ข้างๆ display: , แทนที่ table กับ none > บันทึก
ผลลัพธ์:
คุณสามารถเปลี่ยนขนาดและสี สำหรับทั้งสองฉลาก '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)
คำแนะนำ
ฉลาก '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)
อัปเดตเมื่อ: 20/09/2022
ขอบคุณ!