Soluciones para ventas presenciales

Si eres pequeño, mediano o gran comercio, en Transbank tenemos la solución perfecta para que puedas realizar ventas presenciales -de manera rápida, cómoda y segura- acorde a las particularidades de tu negocio.

A continuación encontrarás distintas soluciones para ventas con tarjetas en tu local, selecciona la opción que más te acomode.


Se ha producido un error al procesar la plantilla.
Java method "com.sun.proxy.$Proxy57.getDLFileEntryByUuidAndGroupId(String, long)" threw an exception when invoked on com.sun.proxy.$Proxy57 object "com.liferay.portlet.documentlibrary.service.impl.DLFileEntryLocalServiceImpl@3f6edc8e"; see cause exception in the Java stack trace.

----
FTL stack trace ("~" means nesting-related):
	- Failed at: #assign dlFileEntry = dlFileEntryLoca...  [in template "20101#20131#145340" at line 137, column 49]
----
1<style> 
2.tbk-public:not(.liferay-instance) .tab_bloque_2.hidden-xs .nav li a.active { 
3    font-weight: 500; 
4
5.row .contenedor_tabs_beneficios .col-sm-8 { 
6flex: 0 0 60%; 
7max-width: 60; 
8
9.tbk-public:not(.liferay-instance) .contenedor_tab_1 .nav li a.active { 
10font-weight: 500; 
11
12.tab_bloque_2.hidden-xs .col-sm-offset-2.col-sm-8 { 
13    max-width: 64%; 
14}  
15.tbk-public:not(.liferay-instance) .promocionestransbank .seccion_medios .titulo { 
16display: block !important; 
17
18.panel-group .panel-title>a, .panel-group .panel-title>span { 
19display: block; 
20padding: 10px 15px; 
21position: relative; 
22
23.tbk-public:not(.liferay-instance) .bloque_collapse_2.visible-xs p a:hover { 
24color: #23527c; 
25text-decoration: none; 
26
27.tbk-public:not(.liferay-instance) .panel-group .panel { 
28margin-bottom: 8px; 
29
30@media (min-width: 576px){ 
31.col-sm-8 { 
32flex: 0 0 95%; 
33max-width: 95%; 
34
35
36@media (max-width: 767px){ 
37     
38    .row .contenedor_tabs_beneficios .col-sm-8 { 
39flex: 0 0 90%; 
40max-width: 90%; 
41
42 
43.bloque_collpsse_2 .panel-body { 
44background: #009cdd none repeat scroll 0 0; 
45color: #fff; 
46font-weight: 100; 
47margin-top: 4px; 
48margin-bottom: 20px; 
49
50.collapse_2.visible-xs a { 
51color: #fff; 
52
53.contenedor_tabs_beneficios .card-header { 
54    padding: 0; 
55    border: 1px solid #009cdd; 
56    background-color: transparent; 
57    border-bottom: 1px solid #009cdd; 
58    border-radius: 2px; 
59
60.contenedor_tabs_beneficios .card { 
61    background-color: transparent; 
62
63.contenedor_tabs_beneficios .btn:not(:disabled):not(.disabled) { 
64    cursor: pointer; 
65    width: 100%; 
66    text-align: left; 
67
68.contenedor_tabs_beneficios .btn-link { 
69    color: white; 
70    text-transform: uppercase; 
71    font-size: 18px; 
72    font-weight: 500; 
73
74.contenedor_tabs_beneficios .card-body li { 
75    color: white; 
76    list-style: none; 
77
78.contenedor_tabs_beneficios .btn-link:hover { 
79    color: #a09e9e; 
80    text-decoration: none; 
81
82.contenedor_tabs_beneficios .btn-link:focus { 
83    color: #a09e9e; 
84    text-decoration: none; 
85
86.tbk-public:not(.liferay-instance) .bloque_collapse_2.visible-xs a:hover { 
87color: #23527c; 
88
89.tbk-public:not(.liferay-instance) .bloque_collapse_2.visible-xs a:focus{ 
90color: #23527c; 
91
92.bloque_collpsse_2 .panel-body p { 
93    font-size: 13px; 
94
95.tbk-public:not(.liferay-instance) .bloque_collapse_2.visible-xs a:hover { 
96color: #a09e9e; 
97
98.nav-pills .nav-link.active, .nav-pills .nav-underline .tab a.active, .nav-underline .tab .nav-pills a.active, .nav-pills .nav-underline .tab.active a, .nav-underline .tab.active .nav-pills a, .nav-pills .show > .nav-link, .nav-pills .nav-underline .tab .show > a, .nav-underline .tab .nav-pills .show > a { 
99    color: rgb(255, 255, 255); 
100    background-color: transparent; 
101    font-weight: 400; 
102
103.contenedor_tab_1 { 
104    padding-top: 28px; 
105
106.tab_bloque2 .nav-pills .nav-link.active, .tab_bloque2 .nav-pills .nav-underline .tab a.active, .tab_bloque2 .nav-underline .tab .nav-pills a.active, .tab_bloque2 .nav-pills .nav-underline .tab.active a, .tab_bloque2 .nav-underline .tab.active .nav-pills a, .tab_bloque2 .nav-pills .show > .nav-link, .tab_bloque2 .nav-pills .nav-underline .tab .show > a, .tab_bloque2 .nav-underline .tab .nav-pills .show > a { 
107    color: #43484C; 
108
109 
110</style> 
111<#assign assetEntryLocalService = serviceLocator.findService("com.liferay.asset.kernel.service.AssetEntryLocalService")> 
112<#assign dlFileEntryLocalService = serviceLocator.findService("com.liferay.document.library.kernel.service.DLFileEntryLocalService")> 
113 
114<#if entries?has_content> 
115    <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 margin-carousel" style="padding-left:0px; padding-right:0px; float: none;"> 
116        <div id="productos_2" class="carousel-map"> 
117            <ul class="nav nav-tabs col-sm-offset-2 productos_2 slides"> 
118                <#assign evento = "evento-interactivo" /> 
119                <#assign categoria = "Portal público" /> 
120                <#list entries as curEntry> 
121                    <#assign renderer = curEntry.getAssetRenderer() /> 
122                    <#if renderer.getArticle()??> 
123                        <#assign journalArticle = renderer.getArticle() /> 
124                        <#assign journalArticleId = journalArticle.getResourcePrimKey() /> 
125                        <#assign title = renderer.getUrlTitle() /> 
126                        <#assign entryTitle = curEntry.titleCurrentValue /> 
127                        <#assign description = curEntry.getDescription(locale) /> 
128                        <#assign smalImageURL = journalArticle.getSmallImageURL() /> 
129                        <#assign link = renderer.getURLViewInContext(renderRequest, renderResponse, '') /> 
130                        <#assign docXml2 = saxReaderUtil.read(curEntry.getAssetRenderer().getArticle().getContent()) /> 
131                        <#assign IconoVal = docXml2.valueOf("//dynamic-element[@name='Icono']/dynamic-content/text()")?string/> 
132                         
133						<#assign jsonObject = IconoVal?eval /> 
134						<#assign entryUuid = jsonObject.uuid /> 
135						<#assign entryGroupId = getterUtil.getLong(jsonObject.groupId) /> 
136 
137						<#assign dlFileEntry = dlFileEntryLocalService.getDLFileEntryByUuidAndGroupId(entryUuid, entryGroupId) /> 
138 
139						<#assign assetEntry = assetEntryLocalService.getEntry("com.liferay.document.library.kernel.model.DLFileEntry", dlFileEntry.fileEntryId) /> 
140						<#assign assetRenderer = assetEntry.assetRenderer /> 
141 
142						<#assign docUrl = assetRenderer.getURLDownload(themeDisplay) /> 
143						 
144						 
145						<#if curEntry?is_first> 
146                            <#assign tabActive = "class=''" /> 
147                        <#else> 
148                            <#assign tabActive = "" /> 
149                        </#if> 
150                        <li ${tabActive}> 
151                            <a onclick="activarTab('tab-${title}'); activateScrollEfect('tab_index_${curEntry?index}'); enviaDatoGA('${entryTitle?upper_case}')" href="javascript:void(0)"> 
152                                <img src="${docUrl}" title="${entryTitle}"> 
153                            </a> 
154                        </li> 
155                    </#if> 
156                </#list> 
157            </ul> 
158        </div> 
159    </div> 
160 
161    <div class="tab-content"> 
162        <#list entries as curEntry> 
163            <#assign renderer = curEntry.getAssetRenderer() /> 
164            <#if renderer.getArticle()??> 
165                <#assign journalArticle = renderer.getArticle() /> 
166                <#assign journalArticleId = journalArticle.getResourcePrimKey() /> 
167                <#assign title = renderer.getUrlTitle() /> 
168                <#assign entryTitle = curEntry.titleCurrentValue /> 
169                <#assign description = curEntry.getDescription(locale) /> 
170                <#assign smalImageURL = journalArticle.getSmallImageURL() /> 
171                <#assign link = renderer.getURLViewInContext(renderRequest, renderResponse, '') /> 
172                <#assign docXml2 = saxReaderUtil.read(curEntry.getAssetRenderer().getArticle().getContent()) /> 
173                <#assign BajadaVal = docXml2.valueOf("//dynamic-element[@name='Bajada']/dynamic-content/text()")?string/> 
174                <#assign ImagenIntroduccionVal = docXml2.valueOf("//dynamic-element[@name='ImagenIntroduccion']/dynamic-content/text()")?string/> 
175				 
176				 
177				<#assign jsonObject2 = ImagenIntroduccionVal?eval /> 
178				<#assign entryUuid2 = jsonObject2.uuid /> 
179				<#assign entryGroupId2 = getterUtil.getLong(jsonObject.groupId) /> 
180 
181				<#assign dlFileEntry2 = dlFileEntryLocalService.getDLFileEntryByUuidAndGroupId(entryUuid2, entryGroupId2) /> 
182 
183				<#assign assetEntry2 = assetEntryLocalService.getEntry("com.liferay.document.library.kernel.model.DLFileEntry", dlFileEntry2.fileEntryId) /> 
184				<#assign assetRenderer2 = assetEntry2.assetRenderer /> 
185 
186				<#assign docUrl2 = assetRenderer2.getURLDownload(themeDisplay) /> 
187				 
188                <#assign VideoYoutubeVal = docXml2.valueOf("//dynamic-element[@name='VideoYoutube']/dynamic-content/text()")?string/> 
189                <#assign DescripcionVal = docXml2.valueOf("//dynamic-element[@name='Descripcion']/dynamic-content/text()")?string/> 
190                <#assign document = saxReaderUtil.read(journalArticle.getContent()) /> 
191                <#assign TituloVal = document.selectNodes( "//dynamic-element[@name='Titulo']") /> 
192                <#--  <#assign TituloComoFuncionaVal = document.selectNodes( "//dynamic-element[@name='TituloComoFunciona']") />  --> 
193 
194                <#assign DescripcionManualVal = docXml2.valueOf("//dynamic-element[@name='DescripcionManual']/dynamic-content/text()")?string/> 
195                 
196                <#assign URLEnlaceManualVal = docXml2.valueOf("//dynamic-element[@name='URLEnlaceManual']/dynamic-content/text()")?string/> 
197                 
198                <#assign ManualVal = docXml2.valueOf("//dynamic-element[@name='Manual']/dynamic-content/text()")?string/> 
199                <#assign BannerBeneficioVal = docXml2.valueOf("//dynamic-element[@name='BannerBeneficio']/dynamic-content/text()")?string/> 
200                 
201				<#assign jsonObject3 = BannerBeneficioVal?eval /> 
202				<#assign entryUuid3 = jsonObject3.uuid /> 
203				<#assign entryGroupId3 = getterUtil.getLong(jsonObject.groupId) /> 
204 
205				<#assign dlFileEntry3 = dlFileEntryLocalService.getDLFileEntryByUuidAndGroupId(entryUuid3, entryGroupId3) /> 
206 
207				<#assign assetEntry3 = assetEntryLocalService.getEntry("com.liferay.document.library.kernel.model.DLFileEntry", dlFileEntry3.fileEntryId) /> 
208				<#assign assetRenderer3 = assetEntry3.assetRenderer /> 
209 
210				<#assign docUrl3 = assetRenderer3.getURLDownload(themeDisplay) /> 
211				 
212				 
213				 
214				<#assign TituloBeneficioVal = document.selectNodes( "//dynamic-element[@name='TituloBeneficio']") /> 
215                <#--  <#assign DescripcionBeneficioVal = docXml2.getRootElement().selectNodes("//dynamic-element[@name='DescripcionBeneficio']/dynamic-content") />  --> 
216                <#-- <#assign ImagenBeneficioVal = document.selectNodes( "//dynamic-element[@name='ImagenBeneficio']/dynamic-content") /> --> 
217 
218                <#-- <#assign BannerTarjetaVal = docXml2.getRootElement().selectNodes("//dynamic-element[@name='BannerTarjeta']/dynamic-content") /> --> 
219 
220				<#assign BannerTarjetaVal = document.selectNodes( "//dynamic-element[@name='BannerTarjeta']/dynamic-content") /> 
221                <#assign TituloTarjetaVal = document.selectNodes( "//dynamic-element[@name='TituloTarjeta']") /> 
222                <#assign DetalleTarjetaVal = docXml2.getRootElement().selectNodes("//dynamic-element[@name='DetalleTarjeta']/dynamic-content") /> 
223                <#assign PermitirContratar = docXml2.valueOf("//dynamic-element[@name='PermitirContratar']/dynamic-content")/> 
224                 
225                <div id="tab-${title}" class="tab-pane tab-producto-servicio" style="display:none;"> 
226                    <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2" style="padding-left:0px; padding-right:0px; float:none;"> 
227                        <div class="row" style="margin-left: 0px; margin-right: 0px;"> 
228                            <!-- <div class="col-sm-10 col-sm-offset-1 "> --> 
229                            <div id="tab_index_${curEntry?index}" class="productos_interior"> 
230                                <div class="caja_1"> 
231                                    <div class="col_izq"> 
232                                        <div class="titulo_3"> 
233                                            <h4>${entryTitle}</h4> 
234                                        </div> 
235                                        <div class="txt"> 
236                                            <p>${BajadaVal}</p> 
237                                        </div> 
238                                    </div> 
239                                    <div class="col_der"> 
240                                        <img class="img-responsive" src="${docUrl2}" alt="" title=""> 
241                                    </div> 
242                                    <div class="borrado"></div> 
243                                </div> 
244                                <div class="caja_2"> 
245                                    <#if TituloVal?has_content> 
246                                        <div class="col_izq"> 
247                                            <#list TituloVal as TituloVals> 
248                                                <#if TituloVals.valueOf( "dynamic-content")??> 
249                                                    <#assign titles = TituloVals.valueOf( "dynamic-content") /> 
250                                                </#if> 
251                                                <#if TituloVals.valueOf( "dynamic-element[@name='Descripcion']")??> 
252                                                    <#assign labelDescripcion = TituloVals.valueOf( "dynamic-element[@name='Descripcion']") /> 
253                                                </#if> 
254                                                <div class="titulo_4"> 
255                                                    <h4>${titles?trim}</h4> 
256                                                </div> 
257 
258                                                <#if TituloVals.valueOf( "dynamic-element[@name='TipoSolucion']")?? && (TituloVals.valueOf( "dynamic-element[@name='TipoSolucion']")?length > 0)> 
259                                                    <#assign TipoSolucion=TituloVals.valueOf( "dynamic-element[@name='TipoSolucion']")?trim?js_string> 
260                                                    
261													 
262                                                    <#if TipoSolucion == "1"> 
263                                                        <#assign claseTexto="txt texto-ventas-presenciales"> 
264                                                    <#elseif TipoSolucion == "2"> 
265                                                        <#assign claseTexto="txt texto-ventas-internet"> 
266                                                    <#elseif TipoSolucion == "3"> 
267                                                        <#assign claseTexto="txt texto-pagos-recurrentes"> 
268                                                    <#elseif TipoSolucion == "4"> 
269                                                        <#assign claseTexto="txt texto-pagos-tarjetas"> 
270                                                    <#else> 
271                                                        <#assign claseTexto="txt"> 
272                                                    </#if> 
273                                                <#else> 
274                                                    <#assign claseTexto="txt"> 
275                                                </#if> 
276 
277                                                <div class="${claseTexto}"> 
278                                                    ${labelDescripcion}<br> 
279                                                    <div class="borrado"></div> 
280                                                </div> 
281                                                <div class="${claseTexto}"> 
282                                                    <#assign TituloComoFuncionaVal = document.selectNodes( "//dynamic-element[@name='TituloComoFunciona']") /> 
283                                                    <#if TituloComoFuncionaVal?has_content> 
284                                                        <#list TituloComoFuncionaVal as TituloComoFuncionaVals> 
285                                                            <#if TituloComoFuncionaVals.valueOf( "dynamic-content")??> 
286                                                                <#assign titles = TituloComoFuncionaVals.valueOf( "dynamic-content") /> 
287                                                            </#if> 
288                                                            <#if TituloComoFuncionaVals.valueOf( "dynamic-element[@name='BajadaComoFunciona']")??> 
289                                                                <#assign labelBajada = TituloComoFuncionaVals.valueOf( "dynamic-element[@name='BajadaComoFunciona']") /> 
290                                                                 
291                                                            </#if> 
292                                                            <div> 
293                                                                <strong>${titles?trim}</strong><br> 
294                                                                <p>${labelBajada?trim}<br></p> 
295                                                            </div> 
296                                                        </#list> 
297                                                    </#if> 
298                                                    <#--  <#if TituloVals.valueOf( "dynamic-element[@name='BajadaComoFunciona']")??> 
299                                                        <#assign labelBajada = TituloVals.valueOf( "dynamic-element[@name='BajadaComoFunciona']") /> 
300                                                    </#if> 
301                                                    <div> 
302                                                        <strong>${labelTitulo?trim}</strong><br> 
303                                                        ${labelBajada?trim}<br> 
304                                                    </div>  --> 
305                                                </div> 
306                                            </#list> 
307                                            <div class="txt"> 
308                                                    <#if DescripcionManualVal?? && DescripcionManualVal !="" && URLEnlaceManualVal?? && URLEnlaceManualVal !=""> 
309                                                        <strong>${DescripcionManualVal} 
310                                                            <a href="${URLEnlaceManualVal}" target="_blank">acá</a> 
311                                                        </strong> 
312                                                    <#elseif  DescripcionManualVal?? && DescripcionManualVal !="" && ManualVal?? && ManualVal !=""> 
313               
314                                                        <#assign jsonObjectManual = jsonFactoryUtil.createJSONObject(ManualVal) /> 
315                                                         
316                                                        <#assign titleManual = getterUtil.getString(jsonObjectManual.title) /> 
317                                                        <#assign entryUuidManual = getterUtil.getString(jsonObjectManual.uuid) /> 
318                                                        <#assign entryGroupIdManual = getterUtil.getLong(jsonObjectManual.groupId) /> 
319                                                        <#assign resourcePrimKeyManual = getterUtil.getLong(jsonObjectManual.resourcePrimKey) />     
320                                                        <#assign urlManual = "/documents/"+ entryGroupIdManual +"/" +resourcePrimKeyManual +"/"+ titleManual +"/"+entryUuidManual />  
321                                                        <strong>${DescripcionManualVal} 
322                                                            <a href="${urlManual}" target="_blank">acá</a> 
323                                                        </strong> 
324                                                    </#if> 
325                                                    
326                                                     
327                                                 
328                                            </div> 
329                                        </div> 
330                                    </#if> 
331                                    <div class="col_der">  
332                                        <div class="embed-responsive embed-responsive-16by9"> 
333                                            <iframe class="embed-responsive-item" width="560" height="315" src="${VideoYoutubeVal}" frameborder="0" allowfullscreen=""></iframe> 
334                                        </div> 
335                                    </div> 
336                                    <div class="borrado"></div> 
337                                </div> 
338				 
339                                <#if PermitirContratar == "true">	 
340                                    <#if entryTitle?upper_case == "POS FERIAS Y EVENTOS"> 
341                                        <div class="btn_3"> 
342                                            <a href="/solicitudes/terminal-pos-ferias-y-eventos" onclick="enviaDatoGA('Quiero Contratarlo No clientes - ${entryTitle?upper_case}')">Quiero contratarlo</a> 
343                                        </div>  
344                                    <#else> 
345			 
346                <#if TipoSolucion == "1"> 
347       
348    				 <div class="btn_3"> 
349    					<a href="https://portaltransbank.cl/afiliacion/registrate.html#/oferta" onclick="enviaDatoGA('Quiero Contratarlo - ${entryTitle?upper_case}')">Quiero contratarlo</a> 
350    				</div>  
351				<#elseif TipoSolucion == "2"> 
352        
353					 <div class="btn_3"> 
354    					<a href="https://portaltransbank.cl/afiliacion/registrate.html#/online" onclick="enviaDatoGA('Quiero contratarlo')">Quiero contratarlo</a> 
355    				</div> 
356			    </#if>    
357                                    </#if> 
358                                </#if>  
359                            </div> 
360                        </div> 
361                    </div> 
362 
363                     
364                    <div class="container-fluid"> 
365                        <div class="row contenedor_tabs_beneficios" <#if BannerBeneficioVal??>style="background: url('${docUrl3}');</#if> min-height: 400px; background-size: cover;"> 
366                            <div class="col-sm-offset-2 col-sm-8"> 
367                                <div class="contenedor_tab_1 hidden-xs"> 
368                                    <!-- Nav tabs --> 
369                                    <#if TituloBeneficioVal?has_content> 
370                                        <ul class="nav nav-pills" role="tablist" role="tablist"> 
371                                        <#list TituloBeneficioVal as TituloBeneficioVals> 
372                                            <#if TituloBeneficioVals.valueOf( "dynamic-content")??> 
373                                                <#assign titles = TituloBeneficioVals.valueOf( "dynamic-content") /> 
374                                            </#if> 
375                                            <#if TituloBeneficioVals?is_first> 
376                                                <#assign tabActive = "active" /> 
377                                                                                                <#assign tabselected = "true" /> 
378                                            <#else> 
379                                                <#assign tabActive = "" /> 
380                                                                                                <#assign tabselected= "false" /> 
381                                            </#if> 
382                                            <li class="nav-item"  role="presentation"> 
383                                                <a  
384                                                    class="nav-link ${tabActive}"  
385                                                    id="#${title}_${TituloBeneficioVals?counter}-tab"  
386                                                    data-toggle="pill"  
387                                                    href="#${title}_${TituloBeneficioVals?counter}"  
388                                                    role="tab"  
389                                                    aria-controls="#${title}_${TituloBeneficioVals?counter}"  
390                                                    aria-selected="${tabselected}"> 
391                                                    ${titles} 
392                                                </a> 
393                                            </li> 
394                                        </#list> 
395                                        </ul> 
396                                    </#if> 
397                                    <!-- Tab panes --> 
398                                    <div class="tab-content"> 
399                                        <#if TituloBeneficioVal?has_content && TituloBeneficioVal??> 
400                                            <#list TituloBeneficioVal as TituloBeneficioVals> 
401                                                <#if TituloBeneficioVals.valueOf("dynamic-content")??> 
402                                                    <#assign titles = TituloBeneficioVals.valueOf( "dynamic-content") /> 
403                                                </#if> 
404                                                <#if TituloBeneficioVals.valueOf("dynamic-content")??> 
405                                                    <#assign descripcionBeneficio = TituloBeneficioVals.valueOf( "dynamic-element[@name='DescripcionBeneficio']") /> 
406                                                </#if> 
407                                                <#if TituloBeneficioVals.valueOf("dynamic-content")??>                                                   
408 
409                                                </#if> 
410                                                <#if TituloBeneficioVals?is_first> 
411                                                    <#assign tabActive = "active" /> 
412                                                <#else> 
413                                                    <#assign tabActive = "" /> 
414                                                </#if> 
415                                                <div role="tabpanel" class="tab-pane ${tabActive}" id="${title}_${TituloBeneficioVals?counter}"> 
416                                                    <div class="col_1"> 
417                                                        <div class="titulo"> 
418                                                            ${descripcionBeneficio} 
419                                                        </div> 
420                                                    </div> 
421                                                    <div class="col_2"> 
422                                                        <div class="img_tab hidden-xs"> 
423                                                            <img class="img-responsive" src="" alt="" title=""> 
424                                                        </div> 
425                                                    </div> 
426                                                </div> 
427                                            </#list> 
428                                        </#if> 
429                                    </div> 
430                                </div> 
431                                <!--  Collapse movil--> 
432 
433                                <div class="collapse_2  visible-xs"> 
434                                    <div id="accordionADT"> 
435                                        <#if TituloBeneficioVal?has_content> 
436                                            <#list TituloBeneficioVal as TituloBeneficioVals>  
437                                                <#if TituloBeneficioVals.valueOf("dynamic-content")??> 
438                                                    <#assign titles = TituloBeneficioVals.valueOf( "dynamic-content") /> 
439                                                </#if> 
440                                                <#if TituloBeneficioVals.valueOf("dynamic-content")??> 
441                                                    <#assign descripcionBeneficio = TituloBeneficioVals.valueOf( "dynamic-element[@name='DescripcionBeneficio']") /> 
442                                                </#if> 
443                                                <#if TituloBeneficioVals.valueOf("dynamic-content")??>                                                   
444 
445                                                </#if> 
446                                                <div class="card"> 
447                                                    <div class="card-header" id="headingOne"> 
448                                                    <h5 class="mb-0"> 
449                                                        <button class="btn btn-link" data-toggle="collapse" data-target="#beneficio${title}_${TituloBeneficioVals?counter}-collapseOne" aria-expanded="true" aria-controls="beneficio${title}_${TituloBeneficioVals?counter}-collapseOne"> 
450                                                            ${titles}<span class="glyphicon glyphicon-minus"></span> 
451                                                        </button> 
452                                                    </h5> 
453                                                    </div> 
454 
455                                                    <div id="beneficio${title}_${TituloBeneficioVals?counter}-collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionADT"> 
456                                                        <div class="card-body"> 
457                                                            ${descripcionBeneficio} 
458                                                        </div> 
459                                                        </div> 
460                                                </div> 
461                                              </#list> 
462                                        </#if> 
463                                    </div> 
464                                </div> 
465                            </div> 
466                        </div> 
467                    </div> 
468                    <div class="seccion_medios"> 
469                        <div class="container-fluid"> 
470                            <div class="row"> 
471                                <div class="col-sm-offset-2 col-sm-8"> 
472                                    <div class="titulo">Tarjetas</div> 
473                                        <div class="caja_logos"> 
474                                            <#if BannerTarjetaVal?has_content> 
475                                                <#list BannerTarjetaVal as BannerTarjetaVals> 
476																									 
477													<#assign jsonObject6 = jsonFactoryUtil.createJSONObject(BannerTarjetaVals.getText()) /> 
478													 
479													<#assign title6 = getterUtil.getString(jsonObject6.title) /> 
480													<#assign entryUuid6 = getterUtil.getString(jsonObject6.uuid) /> 
481													<#assign entryGroupId6 = getterUtil.getLong(jsonObject6.groupId) /> 
482													<#assign resourcePrimKey6 = getterUtil.getLong(jsonObject6.resourcePrimKey) /> 
483													 
484													<#assign url6 = "/documents/"+ entryGroupId6 +"/" +resourcePrimKey6 +"/"+ title6 +"/"+entryUuid6 />  
485												 
486                                                    <div class="tc"> 
487                                                        <img src="${url6}" alt="" title=""> 
488                                                    </div> 
489                                                </#list> 
490                                            </#if> 
491                                        </div> 
492                                    </div> 
493                                </div> 
494                            </div> 
495                            <div class="row tab_bloque_2 hidden-xs"> 
496                                <div class="col-sm-offset-2 col-sm-8"> 
497                                    <!-- Nav tabs --> 
498                                    <#if TituloTarjetaVal?has_content> 
499                                        <ul class="nav nav-pills" role="tablist"> 
500                                        <#list TituloTarjetaVal as TituloTarjetaVals> 
501                                            <#if TituloTarjetaVals.valueOf("dynamic-content")??> 
502                                                <#assign titles = TituloTarjetaVals.valueOf( "dynamic-content") /> 
503                                            </#if> 
504                                            <#if TituloTarjetaVals?is_first> 
505                     <#assign tabActive = "active" /> 
506                                            <#else> 
507                                                <#assign tabActive = "" /> 
508                                            </#if> 
509                                            <li role="presentation" class="nav-item" > 
510                                                <a class="nav-link ${tabActive}"  
511                                                    id="#${title}-${TituloTarjetaVals?counter}-tab"  
512                                                    data-toggle="pill"  
513                                                    href="#${title}-${TituloTarjetaVals?counter}"  
514                                                    role="tab"  
515                                                    aria-controls="#${title}-${TituloTarjetaVals?counter}"  
516                                                    aria-selected="${tabselected}"> 
517                                                    ${titles} 
518                                                </a> 
519                                            </li> 
520                                        </#list> 
521                                        </ul> 
522                                    </#if> 
523                                    <!-- Tab panes --> 
524                                    <div class="tab-content"> 
525                                        <#if TituloTarjetaVal?has_content> 
526                                            <#list TituloTarjetaVal as TituloTarjetaVals> 
527                                                <#if TituloTarjetaVals.valueOf("dynamic-element[@name='DetalleTarjeta']")??> 
528                                                    <#assign labelDetalle = TituloTarjetaVals.valueOf( "dynamic-element[@name='DetalleTarjeta']") /> 
529                                                </#if> 
530                                                <#if TituloTarjetaVals.valueOf("dynamic-content")??> 
531                                                    <#assign titles = TituloTarjetaVals.valueOf( "dynamic-content") /> 
532                                                </#if> 
533                                                <#if TituloTarjetaVals?is_first> 
534                                                    <#assign tabActive = "active" /> 
535                                                <#else> 
536                                                    <#assign tabActive = "" /> 
537                                                </#if> 
538                                                <div role="tabpanel" class="tab-pane ${tabActive}" id="${title}-${TituloTarjetaVals?counter}"> 
539                                                    ${labelDetalle} 
540                                                </div> 
541                                            </#list> 
542                                        </#if> 
543                                    </div> 
544                                </div> 
545                            </div> 
546 
547                            <!-- bloque collapse 2 --> 
548                            <div class="container-fluid bloque_collpsse_2 visible-xs"> 
549                                <div class="row"> 
550                                    <div class="col-sm-offset-2 col-sm-8"> 
551                                        <div class="bloque_collapse_2 visible-xs"> 
552                                            <div aria-multiselectable="true" role="tablist" id="bloque_3_accordionADT" class="panel-group"> 
553                                               <#if TituloTarjetaVal?has_content> 
554                                                   <#list TituloTarjetaVal as TituloTarjetaVals> 
555                                                        <#if TituloTarjetaVals.valueOf("dynamic-content")??> 
556                                                            <#assign titles = TituloTarjetaVals.valueOf( "dynamic-content") /> 
557                                                        </#if> 
558                                                        <div class="panel panel-default"> 
559                                                            <div role="tab" class="panel-heading"> 
560                                                                <h4 class="panel-title"> 
561                                                                    <a href="#${title}-${TituloTarjetaVals?counter}" aria-control="tarjeta_${TituloTarjetaVals?counter}" class="collapsed" data-target="#tarjeta_${TituloTarjetaVals?counter}" data-toggle="collapse" aria-expanded="true"> 
562                                                                        ${titles}<span class="glyphicon glyphicon-plus"></span>  
563                                                                    </a> 
564                                                                </h4> 
565                                                            </div> 
566     
567                                                            <div class="panel-collapse collapse" data-parent="#accordion" role="tabpanel" aria-expanded="false" style="height: 0px;" aria-labelledby="${title}-${TituloTarjetaVals?counter}"  id="${title}-${TituloTarjetaVals?counter}">  
568                                                                <div class="${tabActive}"  class="panel-body"> 
569                                                                    ${labelDetalle} 
570                                                                </div> 
571                                                            </div> 
572                                                        </div> 
573                                                    </#list> 
574                                                     
575                                                </#if> 
576                                            </div> 
577                                        </div> 
578                                    </div> 
579                                </div> 
580                            </div> 
581                        </div> 
582                    </div> 
583                </div> 
584            </#if> 
585        </#list> 
586    </div> 
587 
588    <script> 
589        $(document).ready(function() { 
590            $('#productos_2').flexslider({ 
591                animation: "slide", 
592                animationSpeed: 1400, 
593                animationLoop: false, 
594                slideshow: false, 
595                controlNav: true, 
596                itemWidth: 250, 
597                itemMargin: 5, 
598                minItems: 2,  
599                maxItem: 4 
600            }); 
601        }); 
602 
603        function activarTab(name){ 
604            $(".tab-producto-servicio").css("display", "none"); 
605            $("#" + name).css("display", "block"); 
606
607         
608 
609        function activateScrollEfect(value){ 
610            $('html,body').animate({scrollTop: $("#"+value).offset().top}, 1000); 
611
612         
613        function enviaDatoGA(etiqueta){ 
614            let tituloPadre = document.getElementById('titulo_padre').value; 
615            let tituloHijo = document.getElementById('titulo_hijo').value; 
616             
617            tagEventoInteractivo('${evento}', '${categoria}', 'Click '+tituloPadre+' - '+tituloHijo, etiqueta); 
618
619         
620        function asignarEventosADT() { 
621            var arreglo = Array.from(document.querySelectorAll('h4>a.collapsed[href]')); 
622             
623            for (var i = 0; i < arreglo.length; i++) { 
624                let elemento = arreglo[i]; 
625                elemento.onclick = function() { 
626                   let tagElement = elemento.href.split('#')[1]; 
627                   let titletag = $('.visible-xs #'+tagElement); 
628                   let paneltag = $('.visible-xs #'+tagElement+' div'); 
629                   let plus = $('.glyphicon'); 
630                   if(titletag.hasClass('in')){ 
631                        titletag.removeClass('in'); 
632                   }else{ 
633                        titletag.addClass('in'); 
634
635                   if(plus.hasClass('glyphicon-plus')){ 
636                        plus.removeClass('glyphicon-plus'); 
637                        plus.addClass('glyphicon-minus'); 
638                         
639                   }else{ 
640                        plus.removeClass('glyphicon-minus'); 
641                        plus.addClass('glyphicon-plus'); 
642
643                   titletag.css("height", "inherit"); 
644                   paneltag.addClass('panel-body'); 
645                   paneltag.css("font-weight", "400"); 
646                    
647                }; 
648
649
650        asignarEventosADT(); 
651    </script> 
652</#if>