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

โดย: [K] Narongchai Suphiratwanich

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

สอบถาม & พูดคุย