WooCommerce เปลี่ยนสัญลักษณ์ ฿ ให้กลายเป็น “บาท” ง่ายๆ ด้วย CSS

ขอบคุณข้อมูลจาก SeedThemes ได้รับอนุญาตให้เผยแพร่ได้

ในการใช้งาน Plugin สำหรับร้านขายของใน WordPress ที่ได้รับความนิยมเป็นอันดับต้นๆ คงหนีไม่พ้นเจ้าตัว WooCommerce ซึ่งหลายๆ ท่านจะพบปัญหาค่าหน่วยเงินของประเทศไทยเราจะเป็นเจ้าตัวสัญลักษณ์ ฿ อาจจะดูไม่ค่อยโดนใจ สามารถเปลี่ยนเป็นคำว่า “บาท” ง่ายๆ ด้วย CSS ตามบทความนี้เลยครับผม

ใส่โค้ดในไฟล์ style.css

.woocommerce-Price-currencySymbol {
    visibility: hidden;
    font-size: 0.1em;
}
.woocommerce-Price-currencySymbol:before {
    content: "บาท";
    visibility: visible;
    font-size: 9em;
}

ปล. Plugin สำหรับการเพิ่ม CSS : SiteOrigin CSS

• Facebook
• Twitter
• Line

WooCommerce WooCommerce ฿ WooCommerce Bath

Narongchai Suphiratwanich (K)

นักพัฒนาเว็บไซต์ด้วยระบบเวิร์ดเพรส เป็นผู้ช่วยให้กับ SeedWebs & SeedThemes และ เปิดธุรกิจเล็กๆ อยู่ในอำเภอปาย