TWINT - OKB
TWINT
Mit der benutzerfreundlichenund kostenlosen App «OKB TWINT» bezahlen Sie mit Ihrem Smartphone kontaktlos in Geschäften, Online-Shops oder in Restaurants. TWINT bietet Ihnen das grösste Zahlungsnetzwerk in der Schweiz, um Geldbeträge direkt an eine Person zu übermitteln. Die App ist Ihr digitales Portemonnaie mit der direkten Anbindung an Ihr Konto.Jede Transaktion wird somit sofort auf dem hinterlegten Konto verbucht.
Ihre Vorteile
- Geld sicher senden, anfordern und erhalten
- Überweisung in Echtzeit
- Anbindung direkt an OKB-Konto, keine Kreditkarte nötig
- digital Kundenkarten und Mitgliederausweise aufbewahren
- kostenlos
App installieren
Installieren Sie die App und aktivieren Sie sie mittels Ihren E-Banking Logindaten.
Die Bedienungsanleitung (PDF) unterstützt Sie dabei.
Erklärvideo
Weitere TWINT-Erklärvideos finden Sie auf unserem YouTube Kanal
Limiten
Direkt nach der Registrierung verfügen Sie während 30 Tagen über folgende Limiten:
- 500 Franken insgesamt
- 100 Franken pro Transaktion
Sobald Sie den Ihnen per Post zugestellten QR-Code eingescannt haben, ist Ihre App «OKB TWINT» vollständig mit Ihrem Konto verknüpft. Dann gelten folgende Limiten:
Geld bezahlen
- 3'000 Franken pro Tag
- 8'000 Franken pro Monat
Geld senden
- 2'000 Franken pro Tag
- 5'000 Franken pro Monat (max. 1'000 Franken pro Transaktion)
Hinweis: Die Limiten können in der App unter Mehr > Verfügbarkeiten abgefragt werden.
Hilfe
Wir sind gerne für Sie da. Sie erreichen uns persönlich von Montag bis Freitag, 8.00 bis 18.00 Uhr über 041 666 22 40 oder info@okb.ch.
Anleitung
The following has evaluated to null or missing: ==> cur_link.id [in template "20101#20128#60711" at line 60, column 85] ---- Tip: It's the step after the last dot that caused this error, not those before it. ---- Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)?? ---- ---- FTL stack trace ("~" means nesting-related): - Failed at: #if request.getParameter("accordion")... [in template "20101#20128#60711" at line 60, column 41] ----
1<style>
2 .plus {
3 text-align: right !important;
4 display: block;
5 float: right;
6 font-size:20px;
7 /*position: relative;
8 top: -20px;*/
9 }
10 #wrapper .image_accordion .image_accordion__box__left__collapse-header::after{
11 display: none;
12 }
13 .sand {
14 background: #F6F5F1;
15 margin-top:1px !important;
16 }
17 /*div.text-section-wrapper h1, div.text-section-wrapper h2, div.text-section-wrapper h3 {
18
19 font-weight: 700 !important;
20 }*/
21 h2.accordion {
22 font-size: 18px !important;
23 font-weight: 700 !important;
24 line-height: 20px !important;
25 margin-bottom: 0px !important;
26 margin-top: 0px !important;
27 width: 90%;
28 float: left;
29 }
30 #wrapper .image_accordion__box__left__collapse-header:not(.collapsed) h2.accordion {
31 color: #B12C1E;
32 }
33 #wrapper .image_accordion__box__left__collapse-header:hover h2.accordion {
34 cursor: pointer;
35 color: #B12C1E;
36 }
37
38
39
40</style>
41
42
43
44
45<div class="image_accordion">
46
47
48<#if titelelement??>
49 <${formatierung.getData()}>
50 ${titelelement.getData()}
51 </${formatierung.getData()}>
52</#if>
53
54
55
56 <div class="image_accordion__box" id="accordionExample">
57 <div class="panel accordion">
58 <#if link.getSiblings()?has_content>
59 <#list link.getSiblings() as cur_link>
60 <#if request.getParameter("accordion")?? && cur_link.id.getData() == request.getParameter("accordion")>
61 <#assign nonActiveClass = "">
62 <#assign collapseClass = "collapse show">
63 <#assign iconClass = "minus">
64 <#assign ariaExpanded = "true">
65 <#elseif !request.getParameter("accordion")?? && cur_link?index == 0>
66 <#assign nonActiveClass = "collapsed">
67 <#assign collapseClass = "collapse">
68 <#assign iconClass = "plus">
69 <#assign ariaExpanded = "false">
70 <#else>
71 <#assign nonActiveClass = "collapsed">
72 <#assign collapseClass = "collapse">
73 <#assign iconClass = "plus">
74 <#assign ariaExpanded = "false">
75 </#if>
76
77
78 <div class="sand pl-1 image_accordion__box__left__collapse-header accordion-toggle ${nonActiveClass}"
79 id="ia-link-collapse-${cur_link?index}"
80 data-toggle="collapse"
81 data-target=".collapse-${cur_link?index}"
82 aria-controls="collapse-${cur_link?index}"
83 aria-labelledby="${cur_link.getData()}"
84 aria-expanded="${ariaExpanded}">
85 <h2 class="accordion">${cur_link.getData()}</h2> <i class="plus icon-${iconClass}-box-outline-primary mr-1"></i>
86 <div style="clear: both;"></div>
87 </div>
88 <div class="collapse-${cur_link?index} image_accordion__box__right__collapse-content ${collapseClass} pl-1 pt-1" data-parent="#accordionExample">
89
90
91
92
93 ${cur_link.html.getData()}
94
95 </div>
96 <#-- Original für Mobile
97 <div class="collapse-${cur_link?index} image_accordion__box__left__collapse-content ${collapseClass}" data-parent="#accordionExample">
98 ${cur_link.html.getData()}
99 </div> -->
100 </#list>
101 </#if>
102 </div>
103 <#-- HTML Inhalt unter den Boxen
104 <div class="flex-grow-1">
105 <#if link.getSiblings()?has_content>
106 <#list link.getSiblings() as cur_link>
107
108 <#if cur_link?index == 0>
109
110
111 <#assign collapseClass = "collapse show">
112 <#else>
113 <#assign collapseClass = "collapse">
114 </#if>
115 <div class="collapse-${cur_link?index} image_accordion__box__right__collapse-content ${collapseClass}" data-parent="#accordionExample">
116
117
118 ${cur_link.html.getData()}
119 </div>
120 </#list>
121 </#if>
122 </div>
123 -->
124 </div>
125 <script>
126 // clicking on an active item shouldn't be possible on mobile devices
127 $('div[data-toggle="collapse"]').click(function(e){
128 const target = $(this).attr('data-target');
129 const id = '#' + $(this).attr('id');
130
131 const desktop = $('.image_accordion__box__right').is(":visible");
132
133 // don't close accordion if desktop view
134 if ($(target).hasClass('show') && desktop) {
135 e.stopPropagation();
136 return;
137 }
138
139 // reset all icons
140 $(id).siblings().each((i, obj) => {
141 // Funktioniert nicht, da all i Tags angepasst werden
142 //$(obj).find('i').removeClass('icon-minus-box-outline-primary').addClass('icon-plus-box-outline-primary');
143 })
144
145 // depending on open item add or remove the plus or minus icon
146 if ($(id + '>i').hasClass('icon-plus-box-outline-primary')) {
147 $(id + '>i').removeClass('icon-plus-box-outline-primary').addClass('icon-minus-box-outline-primary');
148 } else {
149 $(id + '>i').removeClass('icon-minus-box-outline-primary').addClass('icon-plus-box-outline-primary');
150
151
152 }
153
154
155 // close all icons when clicking on another item (which closes all content)
156 const atLeastOneMobileContentOpen = $('.image_accordion__box__left__collapse-content.collapse.show')[0]
157 if (atLeastOneMobileContentOpen) {
158 const openContentId = $('.image_accordion__box__left__collapse-content.collapse.show').eq(0).attr('id');
159 const openLinkId = '#' + openContentId.slice(0, 2) + "-link" + openContentId.slice(2)
160
161 $(openLinkId + '>i').removeClass('icon-minus-box-outline-primary').addClass('icon-plus-box-outline-primary');
162 }
163
164 if(!desktop) {
165 // on mobile devices animate transition to open collapse element
166 const panel = $(this);
167 const mobileCollapseOpen = $('.collapse.show.mobile').height();
168 const prevOpenCollapseHeight = mobileCollapseOpen || 0;
169 const finalOffset = panel.offset().top - 150 - prevOpenCollapseHeight;
170
171 // only animate scrolling when collapse on targeted item isn't open
172 if(!$(target).hasClass('show')) {
173 $('html, body').animate({
174 scrollTop: finalOffset
175 }, 200, 'linear');
176 }
177 }
178 })
179 </script>
180</div>