עיצוב הודעות חנות ווקומרס עם CSS

סקירה והסבר על הודעות חנות בווקומרס

ווקומרס מקפיצה מגוון הודעות אוטומטיות המכוונות את הגולש בחנות האינטרנטית. ההודעות הנפוצות הן:

  1. הודעה אוטומטית בהוספת מוצר לסל
  2. הודעה על סל ריק בכניסה לעגלת הקניות ללא מוצרים
  3. הודעת שגיאה בשליחת טופס הזמנה עם פרטים שגויים או חסרים

עיצוב הודעות חנות ווקומרס בעזרת CSS

הכי טוב להוסיף את הקוד בCSS מותאם של תבנית האתר

.woocommerce-message, .woocommerce-info,.woocommerce-error{
	background-color:#F2F2F2 !important;
	border: none !important;
	border-bottom: 1px solid #6E14C8 !important;
	color: #010001 !important;
	font-size: 18px;
	
}

.woocommerce-message::before,.woocommerce-info::before, .woocommerce-error::before{
	color: #6E14C8 !important;
}

.woocommerce-message a, .woocommerce-info a,.woocommerce-error a{
	color: #6E14C8 !important;
}
דילוג לתוכן