Home - Fuso
Se ha producido un error al procesar la plantilla.
The following has evaluated to null or missing:
==> v_desktop [in template "68881#68920#3201793" at line 148, column 18]
----
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 v_desktop.getSiblings()?has_content [in template "68881#68920#3201793" at line 148, column 13]
----
1<style>
2 .text-white{
3 color: white;
4 text-align: center;
5 }
6
7 .owl-item .active .center{
8 position: relative;
9 }
10
11 #carousel-banner-home .owl-item {
12 -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
13 filter: grayscale(100%);
14 }
15
16 #carousel-banner-home .owl-item.center{
17 -webkit-filter: none; /* Safari 6.0 - 9.0 */
18 filter: none;
19 }
20
21 #container-img-banner-home{
22 display: flex;
23 width: 730px;
24 height: 416px;
25 }
26
27 .img-banner-home,
28 .img-banner-home-mobile{
29 object-fit: cover;
30 width: 100%;
31 height: 100%;
32 }
33
34 .contenedor-sec-carrusel-home{
35 background-color: black;
36 padding: 76px 0;
37 }
38
39 .sec-carousel-descrip{
40 margin: 30px;
41 font-family: 'Roboto', sans-serif;
42 font-size: 22px;
43 font-weight: 300;
44 }
45
46 #carousel-banner-home .owl-prev,
47 #carousel-banner-home .owl-next{
48 font-size: 30px;
49 position: absolute;
50 background-color: white;
51 border-radius: 0;
52 width: 38px;
53 height: 46px;
54 top: 45%;
55 justify-content: center;
56 display: flex;
57 }
58
59 #carousel-banner-home .owl-prev {
60 left: 2%;
61 }
62
63 #carousel-banner-home .owl-next {
64 right: 2%;
65 }
66
67 #carousel-banner-home .owl-prev:hover,
68 #carousel-banner-home .owl-next:hover{
69 color: black;
70 }
71
72 .img-banner-home-mobile{
73 display:none!important;
74 }
75
76 .img-banner-home{
77 display: block!important;
78 }
79
80 #btn-carousel-home-custom .owl-prev,
81 #btn-carousel-home-custom .owl-next{
82 color: black;
83 display: none;
84 }
85
86 #carousel-banner-home .center .owl-prev, #carousel-banner-home .center .owl-next{
87 display: block !important;
88 }
89
90 .cont-title-descrip{
91 margin-left: 147px;
92 margin-right: 147px
93 }
94
95 .sec-carousel-titulo{
96 font-size: 30px;
97 }
98
99
100
101 @media(max-width: 600px){
102
103 .sec-carousel-titulo{
104 font-size: 28px;
105 }
106
107 #carousel-banner-home .owl-prev {
108 left: 5px;
109 }
110
111 #carousel-banner-home .owl-next {
112 right: 5px;
113 }
114
115 #container-img-banner-home{
116 display: block;
117 width: 100vw;
118 height: auto;
119 }
120
121 #carousel-banner-home .owl-prev, #carousel-banner-home .owl-next{
122 top: 44%;
123 }
124
125 .img-banner-home-mobile{
126 display: block!important;
127 }
128
129 .img-banner-home{
130 display: none!important;
131 }
132
133 .cont-title-descrip{
134 margin-left: unset;
135 margin-right: unset;
136 }
137
138 }
139
140 </style>
141
142 <div class="contenedor-sec-carrusel-home">
143 <div class="cont-title-descrip">
144 <h2 class="sec-carousel-titulo text-white bjpb">IMPULSAR EL TRANSPORTE HACIA EL FUTURO</h2>
145 <h3 class="sec-carousel-descrip text-white">El centro de la esencia de FUSO consiste en impulsar el transporte hacia adelante, generando contribuciones continuas a la industria que sustenta el progreso. Trabajamos como empresa, de la mano de nuestros clientes, generando relaciones reales y escuchando sus necesidades para mejorar el transporte en todo el mundo. En FUSO, hacemos las herramientas para mover el mundo.</h3>
146 </div>
147 <div class="owl-carousel owl-theme owl-loaded" id="carousel-banner-home">
148 <#if v_desktop.getSiblings()?has_content>
149 <#list v_desktop.getSiblings() as cur_v_desktop>
150 <div class="item" id="container-img-banner-home">
151 <#if (cur_v_desktop.getData())?? && cur_v_desktop.getData() != "">
152 <img class="img-banner-home" alt="${cur_v_desktop.getAttribute("alt")}" data-fileentryid="${cur_v_desktop.getAttribute("fileEntryId")}" src="${cur_v_desktop.getData()}" />
153 <div class="owl-nav" id="btn-carousel-home-custom">
154 <div class="owl-prev customNextBtn" id="custom-prev-carousel-home"><i class='fa-solid fa-angle-left'></i></div>
155 <div class="owl-next customPrevBtn" id="custom-next-carousel-home"><i class='fa-solid fa-angle-right'></i></div>
156 </div>
157 </#if>
158
159 <#if (cur_v_desktop.v_mobile.getData())?? && cur_v_desktop.v_mobile.getData() != "">
160 <img class="img-banner-home-mobile" alt="${cur_v_desktop.v_mobile.getAttribute("alt")}" data-fileentryid="${cur_v_desktop.v_mobile.getAttribute("fileEntryId")}" src="${cur_v_desktop.v_mobile.getData()}" />
161 </#if>
162 </div>
163 </#list>
164 </#if>
165 </div>
166 </div>
167
168
169
170 <script>
171 var owlCarouselHome = $('#carousel-banner-home');
172 owlCarouselHome.owlCarousel({
173 center: true,
174 dots: false,
175 nav: false,
176 navText: ["<i class='fa-solid fa-angle-left'></i>","<i class='fa-solid fa-angle-right'></i>"],
177 items:2,
178 loop:true,
179 margin:40,
180 autoWidth:true,
181 responsive:{
182 0:{
183 items:1,
184 autoWidth:false,
185 margin: 0
186 },
187 500:{
188 items:3
189 }
190 }
191 });
192
193 var owl = $('#carousel-banner-home');
194 owl.owlCarousel();
195
196 $('.customPrevBtn').click(function() {
197 owl.trigger('next.owl.carousel');
198 });
199
200 $('.customNextBtn').click(function() {
201 owl.trigger('prev.owl.carousel');
202 });
203 </script>