1<!-- Preencha as variáveis abaixo com as informações dos produtos que serão fixos pelo Sicoob Nacional. -->
2<!-- PRODUTO -->
3
4<#assign produto1_desktop = "/documents/20128/198438039/sos_bannersite_desktop_1920x377px.jpg/369462f8-2c66-d452-8f06-410a1213c456?t=1715011149908" />
5
6<#assign produto1_tablet = "/documents/20128/198438039/sos_bannersite_tablet_1280x377px.jpg/9cea865d-2a85-9895-9a4b-dca5fd6568ee?t=1715011150084" />
7
8<#assign produto1_mobile = "/documents/20128/198438039/sos_bannersite_celular_375x377px.jpg/205325d7-eaa0-821f-1c97-718d2953af16?t=1715011149572" />
9
10<#assign produto1_url = "https://www.shopcoopera.com.br/sos-chuvas-extremas-no-rio-grande-do-sul-681442/p" />
11
12<#assign produto2_desktop = "/documents/20128/163757695/desktop-home.jpg/0d4a8a26-7cd2-c680-1fa6-1abf4e38fd02?t=1690300116254" />
13
14<#assign produto2_tablet = "/documents/20128/163757695/tablet-home.jpg/97e2640b-a067-bc09-3637-38be21e46ec7?t=1690300116648" />
15
16<#assign produto2_mobile = "/documents/20128/163757695/celular-home.jpg/e41c77df-92c9-f773-82b8-fbb87fcfa2e2?t=1690300116132" />
17
18<#assign produto2_url = "https://www.sicoob.com.br/web/maisqueumaescolha/?utm_source=%5BSite_unico%5Dbanner_produtos&utm_medium=banner_site&utm_campaign=banner_site_mais_que_uma_escolha" />
19
20<#assign produto4_url = "https://www.shopcoopera.com.br/sos-chuvas-em-pernambuco-149149/p" />
21
22<#assign produto4_desktop = "/documents/20128/1248551/SOS_Pernambuco_BannerSite_Desktop_1920x377px.jpg/26b6c79e-675e-a29c-7147-86da445b27e5?t=1654122057526" />
23
24<#assign produto4_tablet = "/documents/20128/1248551/SOS_Pernambuco_BannerSite_Tablet_1280x377px.jpg/a92d8e26-0704-b0f2-cc0f-14715e4ac08b?t=1654122058579" />
25
26<#assign produto4_mobile = "/documents/20128/1248551/SOS_Pernambuco_BannerSite_Celular_375x377px.jpg/03121ef6-226a-7edc-23c8-d1542189b34a?t=1654122056976" />
27
28<#if banner_label.getSiblings()?has_content>
29 <#assign desktop = "(min-width: 991px)" />
30 <#assign tablet = "(min-width: 767px)" />
31 <#assign siteUrl = themeDisplay.getScopeGroup().getPathFriendlyURL(layout.isPrivateLayout(),themeDisplay) + layout.getGroup().friendlyURL />
32
33
34 <section class="banner-carousel product" >
35 <div id="banner-carousel-${randomNamespace}" class="carousel slide row" data-ride="carousel">
36 <ol class="carousel-indicators">
37 <li data-slide-to="0" data-target='#banner-carousel-${randomNamespace}' class="active"></li>
38 <!-- <li data-slide-to="1" data-target='#banner-carousel-${randomNamespace}'></li> -->
39
40 <#if banner_label.banner_image_desktop?has_content >
41 <#list banner_label.getSiblings() as cur_bannerImg>
42 <li data-slide-to="${(cur_bannerImg?counter) + 0}" data-target='#banner-carousel-${randomNamespace}'></li>
43 </#list>
44 </#if>
45 </ol>
46
47 <!-- variáveis dos banners fixos -->
48 <div class="carousel-item active">
49 <a href="${produto1_url}" target="_blank">
50 <picture class="banner">
51 <source media='${desktop}' srcset='${produto1_desktop}'/>
52 <source media='${tablet}' srcset='${produto1_tablet}'/>
53 <img src='${produto1_mobile}' class="w-100" />
54 </picture>
55 </a>
56 </div>
57
58 <div class="carousel-item">
59 <a href="${produto2_url}" target="_blank">
60 <picture class="banner">
61 <source media='${desktop}' srcset='${produto2_desktop}'/>
62 <source media='${tablet}' srcset='${produto2_tablet}'/>
63 <img src='${produto2_mobile}' class="w-100" />
64 </picture>
65 </a>
66 </div>
67 <!-- <div class="carousel-item">
68 <a href="${produto3_url}" target="_blank">
69 <picture class="banner">
70 <source media='${desktop}' srcset='${produto3_desktop}'/>
71 <source media='${tablet}' srcset='${produto3_tablet}'/>
72 <img src='${produto3_mobile}' class="w-100" />
73 </picture>
74 </a>
75 </div> -->
76 <!--
77 <div class="carousel-item">
78 <a href="${siteUrl}${produto2_url}">
79 <picture class="banner">
80 <source media='${desktop}' srcset='${produto2_desktop}'/>
81 <source media='${tablet}' srcset='${produto2_tablet}'/>
82 <img src='${produto2_mobile}' class="w-100" />
83 </picture>
84 </a>
85 </div>
86
87 <div class="carousel-item">
88 <a href="${produto4_url}" target="_blank">
89 <picture class="banner">
90 <source media='${desktop}' srcset='${produto4_desktop}'/>
91 <source media='${tablet}' srcset='${produto4_tablet}'/>
92 <img src='${produto4_mobile}' class="w-100" />
93 </picture>
94 </a>
95 </div>
96 -->
97 <!--
98 <div class="carousel-item active">
99 <a href="${siteUrl}${produto1_url}">
100 <picture class="banner">
101 <source media='${desktop}' srcset='${produto1_desktop}'/>
102 <source media='${tablet}' srcset='${produto1_tablet}'/>
103 <img src='${produto1_mobile}' class="w-100" />
104 </picture>
105 </a>
106 </div>
107 <div class="carousel-item">
108 <picture class="banner">
109 <source media='${desktop}' srcset='${produto1_desktop}'/>
110 <source media='${tablet}' srcset='${produto1_tablet}'/>
111 <img src='${produto1_mobile}' class="w-100" />
112 </picture>
113 </div>
114
115
116 <div class="carousel-item">
117 <a href="${siteUrl}${produto2_url}">
118 <picture class="banner">
119 <source media='${desktop}' srcset='${produto2_desktop}'/>
120 <source media='${tablet}' srcset='${produto2_tablet}'/>
121 <img src='${produto2_mobile}' class="w-100" />
122 </picture>
123 </a>
124 </div>
125 -->
126
127
128
129 <!-- fim dos banners fixos -->
130
131
132 <#list banner_label.getSiblings() as cur_banner>
133 <div class="carousel-item">
134
135 <#if cur_banner.banner_btn_link.getData()?has_content>
136 <#assign targetLink = getterUtil.getBoolean(cur_banner.banner_btn_link.external.getData()) />
137 <#if targetLink>
138 <a href="${cur_banner.banner_btn_link.getData()}" target="_blank">
139 <#else>
140 <a href="${siteUrl}${cur_banner.banner_btn_link.getData()}">
141 </#if>
142 </#if>
143
144 <picture class="banner">
145 <source media='${desktop}' srcset='${cur_banner.banner_image_desktop.getData()}'/>
146 <source media='${tablet}' srcset='${cur_banner.banner_image_tablet.getData()}'/>
147 <img src='${cur_banner.banner_image_mobile.getData()}' class="w-100" />
148 </picture>
149 <#if cur_banner.banner_btn_link.getData()?has_content>
150 </a>
151 </#if>
152 </div>
153 </#list>
154 </div>
155 </section>
156</#if>
