Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision | Next revision Both sides next revision | ||
|
merchant:existing_merchant:selfcare_system:settings:pay_pages [2019/05/14 14:58] robinc [Pay Pages] added Using Level 3 Enhanced Data conten |
merchant:existing_merchant:selfcare_system:settings:pay_pages [2019/05/15 16:28] robinc [Pay Pages] added code html for Level 3 |
||
|---|---|---|---|
| Line 52: | Line 52: | ||
| If you are using enhanced data, more specificaly, Level 3 enhanced data, your transactions might have items. If you want them to be visible for your customer, you should mark **Display Enhanced Data** or manually add the following piece of style to your template. | If you are using enhanced data, more specificaly, Level 3 enhanced data, your transactions might have items. If you want them to be visible for your customer, you should mark **Display Enhanced Data** or manually add the following piece of style to your template. | ||
| - | {{:merchant:existing_merchant:selfcare_system:settings:paypagesleveliii.jpg |}} | + | <code html> |
| + | a#enhancedDataLink { | ||
| + | color: #0000ff; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #enhancedData { | ||
| + | display: none; | ||
| + | } | ||
| + | #enhancedData h4 { | ||
| + | font-size: 1.2em; | ||
| + | border-bottom: 1px solid #eeeeee; | ||
| + | padding-bottom: 0.6em; | ||
| + | margin-bottom: 0.6em; | ||
| + | } | ||
| + | #enhancedData ul { | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | border-bottom: 1px solid #eee; | ||
| + | padding: 0 0.6em 0.6em; | ||
| + | margin-bottom: 0.6em; | ||
| + | } | ||
| + | #enhancedData .total, | ||
| + | #enhancedData .summary { | ||
| + | border: 1px solid #ccc; | ||
| + | background: none; | ||
| + | border-radius: 5px; | ||
| + | padding: 0.6em; | ||
| + | } | ||
| + | #enhancedData li { | ||
| + | display: table; | ||
| + | width: 100%; | ||
| + | padding: 0.2em 0 0.4em; | ||
| + | } | ||
| + | #enhancedData li span { | ||
| + | display: table-cell; | ||
| + | } | ||
| + | #enhancedData .label { | ||
| + | padding-right: 1em; | ||
| + | min-width: 100px; | ||
| + | } | ||
| + | #enhancedData .info { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .bold { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | </code> | ||