Lopesan Serenity Bay Resort, Spa & Casino
Picture Gallery
Lopesan Serenity Bay Resort, Spa & Casino
Picture Gallery
Lopesan Serenity Bay Resort, Spa & Casino
Picture Gallery
Lopesan Serenity Bay Resort, Spa & Casino Picture Gallery
Lopesan Serenity Bay Hotel Photos
Some photos do not fit on the screen. They contain sound, temperature, the smell of the breeze. You look at them and can almost feel the warm air on your shoulders, the soft echo of water breaking in the distance. This is what Lopesan Serenity Bay Resort, Spa & Casino looks like when the Caribbean decides to turn down the volume of the world.
Lopesan Serenity Bay Room Pictures breathe. Lopesan Serenity Bay Hotel Pool Pictures glisten softly. And Lopesan Serenity Bay Resort Restaurant Pictures seem to be waiting for the first drink. Every picture is a small pause, a fragment of calm that stands still.
Here the light doesn’t settle—it glides. It envelops everything with that clean glow that turns the everyday into a memory. And without realizing it, you start to look more slowly, as if you were able to step into the picture. This gallery doesn’t show—it connects. With a moment frozen in time, an image that breathes, a desire that needs no words.
https://booking.lopesan.com/bookcore/availability/lsb/2026-09-19/2026-09-26/?rrc=1
339$
filters
An error occurred while processing the template.
Can't convert this string to number: ""
The blamed expression:
==> prop.contentFieldValue.data?number [in template "20097#20123#1223793" at line 53, column 66]
----
FTL stack trace ("~" means nesting-related):
- Failed at: #assign order = prop.contentFieldValu... [in template "20097#20123#1223793" at line 53, column 49]
----
1<#--
2Widget templates can be used to modify the look of a
3specific application.
4
5Please use the right panel to quickly add commonly used variables.
6Autocomplete is also available and can be invoked by typing "${".
7-->
8<#assign rootFolderId = "" />
9<#assign filter = ""/>
10<#assign mimeTypes = ""/>
11<#if portletPreferences?has_content>
12
13<#assign rootFolderERC =
14 portletPreferences["rootFolderExternalReferenceCode"][0] />
15
16 <#assign DLFolderLocalService = serviceLocator.findService(
17 "com.liferay.document.library.kernel.service.DLFolderLocalService"
18 ) />
19
20 <#assign folder =
21 DLFolderLocalService.fetchDLFolderByExternalReferenceCode(
22 rootFolderERC,
23 themeDisplay.getScopeGroupId()
24 ) />
25
26 <#if folder??>
27 <#assign rootFolderId = folder.folderId />
28
29 <#assign mimeTypes = portletPreferences["mimeTypes"]/>
30</#if>
31
32
33<#list mimeTypes as type>
34 <#if type?is_first>
35 <#assign filter>&filter=encodingFormat eq '${type}'</#assign>
36 <#else>
37 <#assign filter>${filter} or encodingFormat eq '${type}'</#assign>
38 </#if>
39</#list>
40
41
42
43<#assign nElementsFila = 12/>
44<#assign files = []/>
45<#assign folderRest = restClient.get("/headless-delivery/v1.0/document-folders/${rootFolderId}/documents?pageSize=10000${filter}")/>
46 <#if folderRest.items?has_content>
47 <#list folderRest.items as item>
48 <#if item.documentType.contentFields?has_content>
49
50 <#assign order = 0/>
51 <#list item.documentType.contentFields[0].nestedContentFields as prop>
52 <#if prop.fieldReference == "posicion">
53 <#assign order = prop.contentFieldValue.data?number>
54 <#break/>
55 </#if>
56 </#list>
57 <#assign files += [{"file": item, "order": order}]/>
58 </#if>
59 </#list>
60 </#if>
61
62
63<#if files?has_content && files?size gt 0>
64 <!-- MODAL IMAGEN -->
65 <div class="img-modal img-modal-gallery" id="modal-galeria-img">
66 <!--INICO Header Compartir, Social Media y Boton de cerrar -->
67 <header class="img-modal-gallery_header p-y-12">
68 <section class="pagination-custom text-white">
69 <span class="active-index">0</span> /
70 <span class="total-slides">0</span>
71 </section>
72 <section class="actions-container">
73 <section class="media-controls">
74 <svg
75 class="iconPause"
76 width="24px"
77 height="24px"
78 viewBox="0 0 24 24"
79 xmlns="http://www.w3.org/2000/svg"
80 fill="#000000"
81 >
82 <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
83 <g
84 id="SVGRepo_tracerCarrier"
85 stroke-linecap="round"
86 stroke-linejoin="round"
87 ></g>
88 <g id="SVGRepo_iconCarrier">
89 <defs>
90 <style>
91 .cls-1 {
92 fill: none;
93 stroke: #ffffff;
94 stroke-linecap: round;
95 stroke-linejoin: round;
96 stroke-width: 1.5px;
97 }
98 </style>
99 </defs>
100 <g id="ic-media-stop">
101 <circle class="cls-1" cx="12" cy="12" r="10"></circle>
102 <line class="cls-1" x1="10" y1="9" x2="10" y2="15"></line>
103 <line class="cls-1" x1="14" y1="9" x2="14" y2="15"></line>
104 </g>
105 </g>
106 </svg>
107 <svg
108 class="iconPlay"
109 width="24px"
110 height="24px"
111 viewBox="0 0 24 24"
112 xmlns="http://www.w3.org/2000/svg"
113 fill="#000000"
114 >
115 <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
116 <g
117 id="SVGRepo_tracerCarrier"
118 stroke-linecap="round"
119 stroke-linejoin="round"
120 ></g>
121 <g id="SVGRepo_iconCarrier">
122 <defs>
123 <style>
124 .cls-1,
125 .cls-2 {
126 fill: none;
127 stroke: #ffffff;
128 stroke-linecap: round;
129 stroke-linejoin: round;
130 stroke-width: 1.5px;
131 }
132 .cls-1 {
133 fill-rule: evenodd;
134 }
135 </style>
136 </defs>
137 <g id="ic-media-play">
138 <path
139 class="cls-1"
140 d="M9.12,7.26v9.48c0,.19.16.32.29.23l7.36-4.74a.3.3,0,0,0,0-.46L9.41,7C9.28,6.94,9.12,7.07,9.12,7.26Z"
141 ></path>
142 <circle class="cls-2" cx="12" cy="12" r="10"></circle>
143 </g>
144 </g>
145 </svg>
146 </section>
147 <div class="gallery-share">
148 <section class="gallery-share-social">
149 <svg
150 xmlns="http://www.w3.org/2000/svg"
151 width="13"
152 height="15"
153 viewBox="0 0 13 15"
154 fill="none"
155 class="share-button mr-2"
156 style="height: 26px"
157 >
158 <path
159 d="M10.5625 9.50183C9.75972 9.50183 9.05231 9.8762 8.60798 10.4455L4.7664 8.58072C4.83018 8.37463 4.875 8.16104 4.875 7.93567C4.875 7.62998 4.80889 7.33937 4.69468 7.07207L8.71506 4.77859C9.16248 5.27637 9.82012 5.59926 10.5625 5.59926C11.9066 5.59926 13 4.56274 13 3.28852C13 2.0143 11.9066 0.977783 10.5625 0.977783C9.21838 0.977783 8.125 2.0143 8.125 3.28852C8.125 3.58216 8.18878 3.86071 8.2946 4.11931L4.26224 6.41952C3.8152 5.93652 3.16704 5.62493 2.4375 5.62493C1.09338 5.62493 0 6.66145 0 7.93567C0 9.20988 1.09338 10.2464 2.4375 10.2464C3.25352 10.2464 3.97288 9.86105 4.41553 9.27574L8.24446 11.1345C8.17394 11.3503 8.125 11.5751 8.125 11.8126C8.125 13.0868 9.21838 14.1233 10.5625 14.1233C11.9066 14.1233 13 13.0868 13 11.8126C13 10.5384 11.9066 9.50183 10.5625 9.50183Z"
160 fill="white"
161 />
162 </svg>
163 <ul class="gallery-share-social_media list-unstyled">
164 <li>
165 <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
166 <svg
167 width="24"
168 height="24"
169 viewBox="0 0 24 24"
170 fill="none"
171 xmlns="http://www.w3.org/2000/svg"
172 >
173 <g clip-path="url(#clip0_110_360)">
174 <path
175 d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
176 fill="#fff"
177 />
178 <path
179 d="M15.8494 4.80937H13.5712C11.475 4.80937 9.77623 6.50812 9.77623 8.60437V10.8825H7.49811V13.9181H9.77623V19.9912H12.8119V13.9181H15.09L15.8494 10.8806H12.8137V8.6025C12.8137 8.1825 13.1531 7.84312 13.5731 7.84312H15.8512V4.8075L15.8494 4.80937Z"
180 fill="#252525"
181 />
182 </g>
183 <defs>
184 <clipPath id="clip0_110_360">
185 <rect width="24" height="24" fill="#252525" />
186 </clipPath>
187 </defs>
188 </svg>
189 </a>
190 </li>
191 <li>
192 <a target="_blank" href="http://www.twitter.com/share?url=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
193 <svg
194 width="24"
195 height="24"
196 viewBox="0 0 24 24"
197 fill="none"
198 xmlns="http://www.w3.org/2000/svg"
199 >
200 <g clip-path="url(#clip0_110_347)">
201 <path
202 d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
203 fill="#fff"
204 />
205 <path
206 d="M17.3887 17.1244L13.1718 10.9987L12.6956 10.305L9.67872 5.92312L9.42935 5.55937H5.72247L6.62622 6.87375L10.6368 12.7012L11.1131 13.3931L14.3362 18.075L14.5856 18.4369H18.2925L17.3887 17.1225V17.1244ZM15.0262 17.5987L11.6775 12.735L11.2012 12.0431L7.31622 6.39937H8.98685L12.1293 10.965L12.6056 11.6569L16.6968 17.6006H15.0262V17.5987Z"
207 fill="#252525"
208 />
209 <path
210 d="M11.2013 12.0431L11.6794 12.7369L11.1131 13.3931L6.77627 18.4387H5.70752L10.6369 12.7012L11.2013 12.0431Z"
211 fill="#252525"
212 />
213 <path
214 d="M17.8462 5.56125L13.1719 10.9987L12.6056 11.6569L12.1294 10.965L12.6956 10.3069L15.8606 6.62062L16.7775 5.56125H17.8462Z"
215 fill="#252525"
216 />
217 </g>
218 <defs>
219 <clipPath id="clip0_110_347">
220 <rect width="24" height="24" fill="#252525" />
221 </clipPath>
222 </defs>
223 </svg>
224 </a>
225 </li>
226 <li>
227 <a target="_blank" href="https://www.linkedin.com/sharing/share-offsite/?url=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
228 <svg
229 width="24"
230 height="24"
231 viewBox="0 0 24 24"
232 fill="none"
233 xmlns="http://www.w3.org/2000/svg"
234 >
235 <g clip-path="url(#clip0_110_365)">
236 <path
237 d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
238 fill="#fff"
239 />
240 <path
241 d="M9.04315 9.32437H6.55878V17.3475H9.04315V9.32437Z"
242 fill="#252525"
243 />
244 <path
245 d="M7.78874 8.27438C8.60062 8.27438 9.25687 7.61063 9.25687 6.79313C9.25687 5.97563 8.59874 5.31375 7.78874 5.31375C6.97874 5.31375 6.32062 5.9775 6.32062 6.79313C6.32062 7.60875 6.97687 8.27438 7.78874 8.27438Z"
246 fill="#252525"
247 />
248 <path
249 d="M13.0125 13.1363C13.0125 12.0075 13.5319 11.3363 14.5256 11.3363C15.4388 11.3363 15.8775 11.9813 15.8775 13.1363V17.3475H18.3488V12.2681C18.3488 10.1194 17.13 9.08063 15.4294 9.08063C13.7288 9.08063 13.0106 10.4063 13.0106 10.4063V9.32625H10.6275V17.3494H13.0106V13.1381L13.0125 13.1363Z"
250 fill="#252525"
251 />
252 </g>
253 <defs>
254 <clipPath id="clip0_110_365">
255 <rect width="24" height="24" fill="#252525" />
256 </clipPath>
257 </defs>
258 </svg>
259 </a>
260 </li>
261 <li>
262 <a target="_blank" href="https://www.pinterest.com/pin/create/button/?url=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
263 <svg
264 width="24"
265 height="24"
266 viewBox="0 0 24 24"
267 fill="none"
268 xmlns="http://www.w3.org/2000/svg"
269 >
270 <g clip-path="url(#clip0_110_372)">
271 <path
272 d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
273 fill="#fff"
274 />
275 <path
276 d="M13.6406 16.4756C12.9188 16.4756 12.3038 16.2 11.8613 15.675C11.1806 14.8706 10.9538 13.5431 11.22 11.9381C11.2538 11.7337 11.4469 11.595 11.6513 11.6306C11.8556 11.6644 11.9944 11.8575 11.9588 12.0619C11.7319 13.4269 11.9044 14.5669 12.4313 15.1912C12.7313 15.5456 13.1381 15.7256 13.6388 15.7256C15.0356 15.7256 16.545 14.3006 16.545 12C16.545 8.26686 13.6538 7.86374 12.4088 7.86374C11.1638 7.86374 9.42188 8.71686 8.65688 10.1437C8.0475 11.2819 8.17688 12.5606 9.03 13.8412C9.14438 14.0137 9.0975 14.2462 8.92688 14.3606C8.75438 14.475 8.52188 14.4281 8.4075 14.2575C7.12313 12.3319 7.47563 10.7644 7.99688 9.79124C8.92688 8.05311 10.965 7.11374 12.4088 7.11374C15.4688 7.11374 17.295 8.93999 17.295 12C17.295 14.7637 15.3975 16.4756 13.6388 16.4756H13.6406Z"
277 fill="#252525"
278 />
279 <path
280 d="M9.54002 20.1656C9.50814 20.1656 9.47627 20.1619 9.44439 20.1544C9.24377 20.1019 9.12377 19.8975 9.17627 19.6969L11.6363 10.2656C11.6888 10.065 11.8931 9.945 12.0938 9.9975C12.2944 10.05 12.4144 10.2544 12.3619 10.455L9.90189 19.8862C9.85877 20.055 9.70502 20.1675 9.54002 20.1675V20.1656Z"
281 fill="#252525"
282 />
283 <path
284 d="M12 20.5762C7.27127 20.5762 3.42377 16.7287 3.42377 12C3.42377 7.27124 7.27127 3.42374 12 3.42374C16.7288 3.42374 20.5763 7.27124 20.5763 12C20.5763 16.7287 16.7288 20.5762 12 20.5762ZM12 4.17374C7.68377 4.17374 4.17377 7.68374 4.17377 12C4.17377 16.3162 7.68377 19.8262 12 19.8262C16.3163 19.8262 19.8263 16.3162 19.8263 12C19.8263 7.68374 16.3163 4.17374 12 4.17374Z"
285 fill="#252525"
286 />
287 </g>
288 <defs>
289 <clipPath id="clip0_110_372">
290 <rect width="24" height="24" fill="#252525" />
291 </clipPath>
292 </defs>
293 </svg>
294 </a>
295 </li>
296 <li>
297 <a target="_blank" href="https://api.whatsapp.com/send/?text=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
298 <svg
299 width="24"
300 height="24"
301 viewBox="0 0 24 24"
302 fill="none"
303 xmlns="http://www.w3.org/2000/svg"
304 >
305 <g clip-path="url(#clip0_110_341)">
306 <path
307 d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
308 fill="#fff"
309 />
310 <path
311 fill-rule="evenodd"
312 clip-rule="evenodd"
313 d="M18.5644 11.7C18.4763 8.22376 15.6131 5.43188 12.0863 5.43188C8.5594 5.43188 5.76377 8.16001 5.6119 11.5819C5.60815 11.6756 5.60627 11.7694 5.60627 11.8631C5.60627 13.08 5.94565 14.2144 6.5344 15.1856L5.36627 18.6356L8.95502 17.4938C9.88315 18.0038 10.9519 18.2944 12.0863 18.2944C15.6675 18.2944 18.5663 15.4144 18.5663 11.8613C18.5663 11.8069 18.5663 11.7525 18.5625 11.6981L18.5644 11.7ZM12.0863 17.2706C10.9781 17.2706 9.95065 16.9425 9.08815 16.3763L6.99377 17.0438L7.67252 15.0356C7.02002 14.1431 6.63565 13.0481 6.63565 11.865C6.63565 11.6888 6.64502 11.5125 6.66377 11.34C6.93002 8.60251 9.26065 6.45751 12.0863 6.45751C14.9119 6.45751 17.2988 8.65688 17.5181 11.4431C17.5313 11.5838 17.5369 11.7225 17.5369 11.865C17.5369 14.8481 15.0919 17.2725 12.0881 17.2725L12.0863 17.2706Z"
314 fill="#252525"
315 />
316 <path
317 fill-rule="evenodd"
318 clip-rule="evenodd"
319 d="M15.0562 13.1625C14.895 13.0838 14.115 12.7013 13.9706 12.6506C13.8244 12.5963 13.7194 12.5719 13.6125 12.7294C13.5056 12.8869 13.2 13.2413 13.1081 13.3444C13.0144 13.4513 12.9225 13.4625 12.7631 13.3838C12.6056 13.305 12.0919 13.1419 11.4862 12.6C11.0156 12.1838 10.695 11.6681 10.6031 11.5106C10.5112 11.3531 10.5937 11.2688 10.6725 11.1881C10.7456 11.115 10.83 11.0025 10.9125 10.9125C10.9331 10.8844 10.9519 10.86 10.9706 10.8375C11.0062 10.7794 11.0344 10.725 11.07 10.65C11.1244 10.5431 11.0981 10.4531 11.0587 10.3744C11.0194 10.2956 10.7006 9.51938 10.5675 9.20251C10.4362 8.88751 10.3031 8.94188 10.2094 8.94188C10.1156 8.94188 10.0125 8.92688 9.90561 8.92688C9.79874 8.92688 9.62624 8.96625 9.47999 9.12375C9.33374 9.28125 8.92499 9.66375 8.92499 10.44C8.92499 10.6219 8.95874 10.8038 9.00749 10.9763C9.16874 11.5313 9.51374 11.9888 9.57561 12.0694C9.65436 12.1725 10.6744 13.8169 12.2887 14.4506C13.905 15.0788 13.905 14.8688 14.1975 14.8425C14.4881 14.8181 15.1387 14.4638 15.2681 14.0925C15.4012 13.725 15.4012 13.41 15.3619 13.3425C15.3225 13.2788 15.2156 13.2394 15.0581 13.1606L15.0562 13.1625Z"
320 fill="#252525"
321 />
322 </g>
323 <defs>
324 <clipPath id="clip0_110_341">
325 <rect width="24" height="24" fill="#252525" />
326 </clipPath>
327 </defs>
328 </svg>
329 </a>
330 </li>
331 <li>
332 <a target="_blank" href="https://t.me/share/url?url=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
333 <svg
334 width="24"
335 height="24"
336 viewBox="0 0 24 24"
337 fill="none"
338 xmlns="http://www.w3.org/2000/svg"
339 >
340 <g clip-path="url(#clip0_110_336)">
341 <path
342 d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24C18.6274 24 24 18.6274 24 12Z"
343 fill="#fff"
344 />
345 <path
346 d="M17.6025 7.60876C17.6268 7.46251 17.5725 7.3125 17.4581 7.21875C17.3437 7.12313 17.1881 7.095 17.0475 7.14563L5.3081 11.3381C5.1956 11.3794 5.0981 11.4619 5.05122 11.5725C4.9631 11.7863 5.05872 12.0169 5.24997 12.1125L8.60622 13.7906C8.74122 13.8581 8.9006 13.8488 9.02622 13.7644L11.6193 12.0356C11.6531 12.0131 11.6925 12.0563 11.6681 12.0881L10.1437 13.9931C10.0706 14.085 10.0387 14.2031 10.0575 14.3194C10.0762 14.4356 10.1418 14.5388 10.2393 14.6044L15.2756 17.9606C15.4387 18.0694 15.6637 18.0544 15.8137 17.9006C15.8737 17.8388 15.9093 17.7563 15.9243 17.67L17.6006 7.60876H17.6025Z"
347 stroke="#252525"
348 stroke-width="3.5"
349 stroke-miterlimit="10"
350 />
351 </g>
352 <defs>
353 <clipPath id="clip0_110_336">
354 <rect width="24" height="24" fill="#252525" />
355 </clipPath>
356 </defs>
357 </svg>
358 </a>
359 </li>
360 <li>
361 <a target="_blank" href="mailto:?subject=Lopesan&body=${themeDisplay.getPortalURL()}${themeDisplay.getURLCurrent()}">
362 <svg
363 width="24"
364 height="24"
365 viewBox="0 0 24 24"
366 fill="none"
367 xmlns="http://www.w3.org/2000/svg"
368 >
369 <g clip-path="url(#clip0_110_354)">
370 <path
371 d="M12 0C18.6187 0 24 5.38125 24 12C24 18.6187 18.6187 24 12 24C5.38125 24 0 18.6187 0 12C0 5.38125 5.38125 0 12 0Z"
372 fill="#fff"
373 />
374 <path
375 d="M12 0C18.6187 0 24 5.38125 24 12C24 18.6187 18.6187 24 12 24C5.38125 24 0 18.6187 0 12C0 5.38125 5.38125 0 12 0Z"
376 fill="#fff"
377 />
378 <path
379 d="M19.1625 7.87499C19.1625 7.44374 18.8062 7.08749 18.375 7.08749H5.94375C5.5125 7.08749 5.15625 7.44374 5.15625 7.87499V16.1625C5.15625 16.5937 5.5125 16.95 5.94375 16.95H18.375C18.8062 16.95 19.1625 16.5937 19.1625 16.1625V7.87499ZM18.0187 7.63124L12.15 11.6812L6.28125 7.63124H18.0187ZM18.6188 16.4062H5.7V7.87499L12 12.225C12.0938 12.2812 12.225 12.2812 12.3 12.225L18.6188 7.87499V16.4062Z"
380 fill="#252525"
381 />
382 </g>
383 <defs>
384 <clipPath id="clip0_110_354">
385 <rect width="24" height="24" fill="#252525" />
386 </clipPath>
387 </defs>
388 </svg>
389 </a>
390 </li>
391 </ul>
392 </section>
393 </div>
394 <!--<a
395 href="#"
396 role="button"
397 class="btn-Small btn-leer-mas d-none d-lg-flex gap-8 align-items-center text-white text-decoration-none btn-ver3D pt-0 px-0"
398 >
399 <svg
400 width="22"
401 height="19"
402 viewBox="0 0 22 19"
403 fill="none"
404 xmlns="http://www.w3.org/2000/svg"
405 >
406 <path
407 d="M17.2263 8.04736V3.91708C17.2263 3.60102 17.0058 3.33283 16.7056 3.27307L11.2874 0.0879398C11.088 -0.0293133 10.8423 -0.0293133 10.6429 0.0879398L5.09592 3.3488C4.8965 3.46601 4.77366 3.68266 4.77366 3.91713V8.04741C2.63643 8.73207 0 10.1452 0 12.4253C0 14.382 2.03723 16.0818 5.47014 17.0086L5.21404 18.2027C5.10421 18.7146 5.60252 19.1477 6.08313 18.952L9.30579 17.6394C9.73212 17.4659 9.84891 16.9047 9.52617 16.5702L7.11992 14.0764C6.76191 13.7055 6.13972 13.8868 6.03045 14.3964L5.74552 15.7248C3.02543 14.9785 1.28906 13.7022 1.28906 12.4253C1.28906 11.3164 2.6076 10.1963 4.77366 9.42994V10.4388C4.77366 10.6733 4.8965 10.89 5.09592 11.0072L10.6777 14.2885C10.8772 14.4058 11.1228 14.4058 11.3223 14.2885L16.9041 11.0072C17.1035 10.8899 17.2263 10.6733 17.2263 10.4388V9.42994C19.3924 10.1963 20.7109 11.3164 20.7109 12.4253C20.7109 14.8555 15.4688 16.0892 12.8945 16.3053C12.5397 16.3352 12.2759 16.6522 12.3052 17.0134C12.3342 17.371 12.6418 17.6432 13.0006 17.6135C16.3565 17.331 22 15.8544 22 12.4253C22 10.145 19.3628 8.73185 17.2263 8.04736ZM7.03557 15.8618L7.92816 16.7869L6.73273 17.2738L7.03557 15.8618ZM10.9652 1.41404L15.2579 3.9376C14.7338 4.2457 11.3497 6.23506 11 6.44065C10.6184 6.21634 7.27981 4.2537 6.70725 3.91708L10.9652 1.41404ZM6.06272 5.05382L10.3555 7.57734V12.5835L6.06272 10.0599V5.05382ZM15.9373 10.0599L11.6445 12.5835V7.57734L15.9373 5.05382V10.0599Z"
408 fill="white"
409 />
410 </svg>
411 </a>-->
412 <button class="btn-cerrar-modal btn-unstyled h-auto">
413 <svg
414 xmlns="http://www.w3.org/2000/svg"
415 width="28"
416 height="28"
417 viewBox="0 0 28 28"
418 fill="none"
419 >
420 <line
421 x1="20.9276"
422 y1="7.39406"
423 x2="7.39385"
424 y2="20.9278"
425 stroke="white"
426 stroke-width="0.5"
427 />
428 <line
429 x1="21.027"
430 y1="21.3789"
431 x2="6.59092"
432 y2="6.94289"
433 stroke="white"
434 stroke-width="0.5"
435 />
436 </svg>
437 </button>
438 </section>
439 </header>
440 <!-- Swiper de imagenes con las imagenes -->
441 <main class="img-modal_main pt-5">
442 <!-- Swiper -->
443 <div class="swiper gallery-modal-swiper d-flex">
444 <!-- Swiper wrapper -->
445 <div class="swiper-wrapper">
446
447 </div>
448 <section
449 class="btn-prev-container position-absolute d-flex align-items-center"
450 >
451 <button class="btn-prev p-0">
452 <svg
453 xmlns="http://www.w3.org/2000/svg"
454 width="71"
455 height="71"
456 viewBox="0 0 71 71"
457 fill="none"
458 >
459 <rect
460 width="71"
461 height="71"
462 transform="matrix(-1 0 0 1 71 0)"
463 fill="white"
464 fill-opacity="0.7"
465 />
466 <path
467 d="M40.6069 47.4817L28.4529 35.4583"
468 stroke="black"
469 stroke-width="0.5"
470 />
471 <line
472 y1="-0.25"
473 x2="17.7255"
474 y2="-0.25"
475 transform="matrix(-0.707107 0.707107 0.707107 0.707107 40.9211 23.0098)"
476 stroke="black"
477 stroke-width="0.5"
478 />
479 </svg>
480 </button>
481 </section>
482 <section
483 class="btn-next-container position-absolute d-flex align-items-center"
484 >
485 <button class="btn-next p-0">
486 <svg
487 xmlns="http://www.w3.org/2000/svg"
488 width="71"
489 height="71"
490 viewBox="0 0 71 71"
491 fill="none"
492 >
493 <rect
494 width="71"
495 height="71"
496 fill="white"
497 fill-opacity="0.7"
498 />
499 <path
500 d="M30.3931 47.4817L42.5471 35.4583"
501 stroke="black"
502 stroke-width="0.5"
503 />
504 <line
505 x1="30.2557"
506 y1="22.833"
507 x2="42.7895"
508 y2="35.3668"
509 stroke="black"
510 stroke-width="0.5"
511 />
512 </svg>
513 </button>
514 </section>
515 </div>
516 <div class="container-3d-frame d-none">
517 <iframe
518 id="iframe3dHotel"
519 src="#"
520 width="600"
521 height="450"
522 style="border: 0"
523 allowfullscreen=""
524 loading="lazy"
525 referrerpolicy="no-referrer-when-downgrade"
526 ></iframe>
527 </div>
528 </main>
529
530
531 <footer class="img-modal-gallery_footer">
532 <div class="d-flex justify-content-center py-3">
533 <a id="reservaBtn" class="btnSmall btn-hotelsResorts text-uppercase d-inline-flex border-0" href="">
534 <span id="utlprecioMin3dHotel">${languageUtil.get(locale, 'reserva-desde')} </span>
535 </a>
536 </div>
537 <div class="hotel-info text-white">
538 <div class="hotel-info-name"></div>
539 <div class="hotel-info-descripcion"></div>
540 </div>
541 </footer>
542 </div>
543
544
545 <!-- Resultados -->
546 <section>
547 <section
548 class="mwidth-1440 p-x-48 p-yt-20 m-yb-25-40 d-flex justify-content-between align-items-center"
549 >
550 <p class="light-15 mb-0">
551 <span class="numero-resultados" id="numOfertas">${files?size}</span> ${languageUtil.get(locale, 'results')}:
552 </p>
553 </section>
554
555 <div id="filterResultsImageContainer" class="d-none">
556
557 <#list files?sort_by("order") as file>
558 <#assign imgAlt = file.file.title/>
559 <#assign imgCategory = ""/>
560 <#list file.file.documentType.contentFields[0].nestedContentFields as prop>
561 <#if prop.fieldReference = "alt">
562 <#if prop.contentFieldValue?? && prop.contentFieldValue.data?has_content>
563 <#assign imgAlt = prop.contentFieldValue.data/>
564 </#if>
565 </#if>
566 </#list>
567 <#if file.file.taxonomyCategoryBriefs?has_content>
568 <#list file.file.taxonomyCategoryBriefs as category>
569 <#assign imgCategory = "e"+category.taxonomyCategoryId/>
570 </#list>
571 </#if>
572 <div class="img-container ${imgCategory}">
573 <img data-fileentryid="${file.file.id}"
574 src="${file.file.contentUrl}"
575 alt="${imgAlt}"
576 loading="lazy"
577 data-image-info="${imgAlt}"
578 data-image-sliderid="${file?index}"
579 class="w-100 h-100"
580 />
581<script type="application/ld+json">
582{
583 "@context": "https://schema.org",
584 "@type": "ImageObject",
585 "contentUrl": "${file.file.contentUrl}",
586 "url": "${file.file.contentUrl}",
587 "description": "${imgAlt}",
588 "name": "${imgAlt}"
589}
590</script>
591 </div>
592 </#list>
593 </div>
594 <div id="galeriaImagenes" class="gallery-images">
595 <div class="swiper swiper-gallery-grid pb-4">
596 <div class="swiper-wrapper">
597 <div class="swiper-slide"></div>
598 </div>
599 <section
600 class="btn-prev-container position-absolute d-flex align-items-center"
601 >
602 <button class="btn-prev p-0">
603 <svg
604 xmlns="http://www.w3.org/2000/svg"
605 width="71"
606 height="71"
607 viewBox="0 0 71 71"
608 fill="none"
609 >
610 <rect
611 width="71"
612 height="71"
613 transform="matrix(-1 0 0 1 71 0)"
614 fill="white"
615 fill-opacity="0.7"
616 />
617 <path
618 d="M40.6069 47.4817L28.4529 35.4583"
619 stroke="black"
620 stroke-width="0.5"
621 />
622 <line
623 y1="-0.25"
624 x2="17.7255"
625 y2="-0.25"
626 transform="matrix(-0.707107 0.707107 0.707107 0.707107 40.9211 23.0098)"
627 stroke="black"
628 stroke-width="0.5"
629 />
630 </svg>
631 </button>
632 </section>
633 <section
634 class="btn-next-container position-absolute d-flex align-items-center"
635 >
636 <button class="btn-next p-0">
637 <svg
638 xmlns="http://www.w3.org/2000/svg"
639 width="71"
640 height="71"
641 viewBox="0 0 71 71"
642 fill="none"
643 >
644 <rect
645 width="71"
646 height="71"
647 fill="white"
648 fill-opacity="0.7"
649 />
650 <path
651 d="M30.3931 47.4817L42.5471 35.4583"
652 stroke="black"
653 stroke-width="0.5"
654 />
655 <line
656 x1="30.2557"
657 y1="22.833"
658 x2="42.7895"
659 y2="35.3668"
660 stroke="black"
661 stroke-width="0.5"
662 />
663 </svg>
664 </button>
665 </section>
666 <div class="swiper-pagination pagination-swiper-gallery-grid"></div>
667 </div>
668 </div>
669 </section>
670 </#if>
671 </#if>
672
673 <script>
674var urlReserva = document.getElementById("nombreHotelOculto").innerHTML;
675 document.getElementById("reservaBtn").href = urlReserva;
676var utlprecioMin3dHotel = document.getElementById("nombreHotelPrecioMinOculto").innerHTML;
677const textoTraducido = document.getElementById("utlprecioMin3dHotel").textContent;
678 document.getElementById("utlprecioMin3dHotel").innerText = (textoTraducido + utlprecioMin3dHotel);
679
680</script>
Empieza a disfrutar de tus vacaciones
VISITA VIRTUAL
¿Todavía no conoces las ofertas de los Hoteles Lopesan? Nuestras promociones te permitirán descubrir los destinos turísticos más demandados de diversos países a un precio único e increíble. En nuestra página web tendrás acceso a numerosas ofertas, para que puedas reservar el hotel.