מרכז הידע / ממשקים - ישן לפני שנת 2020

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




 

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

mceclip0.png

 

הערה למתכנת

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

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

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

האם המאמר הזה עזר לך?