פרופיל נמוך : עיצוב דף מותאם אישית ( גרסה 5) CSS/HTML

ראשית מתכנת שרוצה לעצב את הדף תשלום לעסק בצורה מותאמת אישית
המתכנת צריך לבקש גישה למשתמש אדמין של המסוף מבית העסק בכדי שיוכל להכנס ולעצב את הדף תשלום .

לאחר הלוג אין - יש להיכנס ל : הגדרות > 4. סליקה בפרופיל נמוך > 5.עיצוב מותאם אישית CSS ו HTML גרסה 5

הנחיות למתכנת/מעצב :

• יש לפתוח עם כפתור דף תצוגה מקדימה בלשונית נפרדת
• ניתן לעצב את הדף ב html +  css השינוי יתבצע ב ON-LINE  בדף תצוגה מקדימה
•  אין לא לגעת בdata-bind של שדות ה-input עצמם (ניתן לשנות label-ים)
•  במידה ושדה קלט אין להסתיר דרך עיצוב , אלא רק דרך פרמטרים בממשק ,
  לשאר האלמנטים ניתן לבצע display:none 
• חובה להשאיר את המלל ב  footer : " הסליקה מתבצעת דרך קארדקום "
• לאחר סיום העיצוב יש לשמור שינויים ולפתוח קריאה לאישור העיצוב במייל .
•  לשים לב  יש טיימר בראש הדף של 20 דק .
  
  בנוסף ניתן בהגדרות כלליות לבחור לוגו מהשרת כבר ולשנות את המלל בראש הדף.
  https://secure.cardcom.solutions/Definition/LowProfile/DefByLanguge.aspx

דף ה בררית מחדל לעיצוב :

הערה למתכנת

שינוי כפתור בצע תשלום

<input type="button" value="Go" data-bind="value: 'מלל לכפתור חדש' , enable: !loadMode(),
click: sendData , hide: hideCreditCardInputs" /> 

שינוי מלל שדה

לפני 

<label class="fieldName" data-bind="text:order.custAddresLine1.label" for="txtCustAddresLine1"</label>

 אחרי

<label class="fieldName" data-bind="" for="txtCustAddresLine1">Your new word</label>

הסתרות אלמנטים נפוצים ב CSS

הסתרת תמונות בדף - ניתן למחוק שורה זו

background-image: url('https://secure.cardcom.solutions/Images/LowProfile5/paymentDetailsBgNew.jpg');

background-image: url(https://secure.cardcom.solutions/Images/LowProfile5/hand.jpg);

 להסתרת שורת הכנס פרטי אשראי - עקב דרישות תקן נגישות

h1 {
display: none; 
}     

להסתרת טבלת שורות המסמך

.showProductsTables {
display: none !important;
}

 * התמיכה לא משנה ומעצבת , רק מתכנת בית העסק צריך לעצב ולשלוח מייל + מספר המסוף שנאשר לו את העיצוב .