פרופיל נמוך : עיצוב דף מותאם אישית ( גרסה 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;
}

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