מסלול אלופות בCSS עכשיו ב 650 ₪ בלבד! בונות אתרים חוסכות בגדול

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

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;
}

אשמח לקרוא תגובה ממך

כתיבת תגובה

עוד הדרכות על CSS & ווקומרס

דילוג לתוכן