Enoturismo
Breadcrumbnavigation
Breadcrumbnavigation
Essen und trinken / Weintourismus
Titular enoturismo
Enoturismo
Asset Publisher
Fehler bei der Verarbeitung der Vorlage.
The following has evaluated to null or missing: ==> xPathSelector.selectSingleNode(rootElement) [in template "20116#20160#147683" at line 240, column 31] ---- Tip: If the failing expression is known to be 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: #assign textoIntro = xPathSelector.se... [in template "20116#20160#147683" at line 240, column 9] ----
1<#-- ESTILOS EN EL TEMA
2
3<style type="text/css">
4 #adt_enoturismo{
5 position: relative;
6 overflow: hidden;
7 margin-bottom: 50px;
8 background-color: rgba(77, 77, 77, 0.4);
9 }
10
11 #adt_enoturismo #fondo{
12 position: absolute;
13 top: 0; right: 0;
14 width: 100%;
15 min-height: 100%;
16 z-index: 0;
17 opacity: 0.4;
18 }
19
20 #adt_enoturismo #contenido{
21 position: relative;
22 top: 0; left: 0;
23 width: 100%;
24 }
25
26 #adt_enoturismo #denominacionesOrigen{
27 position: relative;
28 float: left;
29 margin-top: 10%;
30 margin-right: 50px;
31 z-index: 2;
32 }
33
34 #adt_enoturismo #contenedorImagenMapa{
35 position: relative;
36 width: 37%;
37 float: left;
38 margin-bottom: 20px;
39 }
40
41 #adt_enoturismo #contenedorImagenMapa #imagenMapa{
42 width: 100%;
43 }
44
45 #adt_enoturismo #denominacionesOrigen div a{
46 text-decoration: none !important;
47 color: black;
48 }
49
50 #adt_enoturismo #denominacionesOrigen .textDO{
51 background-color: white;
52 display: inline;
53 font-size: 24pt !important;
54 padding-left: 50px;
55 padding-right: 10px;
56 cursor: pointer;
57 }
58
59 #adt_enoturismo #denominacionesOrigen div:first-child .textDO{
60 cursor: initial;
61 padding-left: 25px;
62 font-weight: 600;
63 }
64
65 #adt_enoturismo #contenedorTexto{
66 clear: left;
67 margin: 0 20px;
68 }
69
70 #adt_enoturismo #descripcionGeneral{
71 padding: 5px 10px;
72 background-color: white;
73 font-size: 16pt !important;
74 text-align: justify;
75 }
76
77
78
79 -----------------------------------------------------------------
80 -- Colocamos un !important en todas los estilos de los hover porque como también vamos a cambiar estas propiedades
81 mediante javascript queremos que sigan teniendo validez --
82
83 #adt_enoturismo #denominacionesOrigen .textDO:hover{
84 color: white !important;
85 background: rgb(185,65,85) !important; /* For browsers that do not support gradients */
86 background: -webkit-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)) !important; /* For Safari 5.1 to 6.0 */
87 background: -o-linear-gradient(90deg, rgb(169,66,118), #rgb(198,64,57)) !important; /* For Opera 11.1 to 12.0 */
88 background: -moz-linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)) !important; /* For Firefox 3.6 to 15 */
89 background: linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57)) !important; /* Standard syntax */
90 }
91
92 #adt_enoturismo #denominacionesOrigen div:first-child .textDO:hover{
93 color: black !important;
94 background: white !important;
95 }
96
97
98 ---------------------------------- DISEÑO RESPONSIVE ----------------------------------
99
100 @media only screen and (max-width: 1100px) {
101 #adt_enoturismo #fondo{
102 height: 100%;
103 min-width: 100%;
104 width: auto;
105 min-height: auto;
106 }
107
108 #adt_enoturismo #denominacionesOrigen {
109 float: none;
110 margin-top: 10px;
111 margin-right: auto;
112 }
113
114 #adt_enoturismo #contenedorImagenMapa {
115 float: none;
116 width: 490px;
117 margin: 20px auto;
118 }
119 }
120
121 @media only screen and (max-width: 700px) {
122 #adt_enoturismo #denominacionesOrigen .textDO {
123 font-size: 4.5vw !important;
124 }
125 }
126
127 @media only screen and (max-width: 600px) {
128 #adt_enoturismo #contenedorImagenMapa {
129 width: 100%;
130 }
131 }
132</style>
133
134-->
135
136
137
138
139<script language="JavaScript" type="text/javascript">
140 function cambiarImagen(a){
141 $("#imagenMapa").attr("src",a)
142 };
143
144
145 function hoverTexto(element){
146 var titulo = element.getAttribute('title');
147 var arrayTitulos = document.getElementsByClassName("textDO");
148
149 switch (titulo){
150 case "D.O. Tierra de Leon":
151 arrayTitulos[5].style.background = "linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57))";
152 arrayTitulos[5].style.color = "white";
153 break;
154
155 case "D.O. Cigales":
156 arrayTitulos[3].style.background = "linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57))";
157 arrayTitulos[3].style.color = "white";
158 break;
159
160 case "D.O. Ribera de Duero":
161 arrayTitulos[1].style.background = "linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57))";
162 arrayTitulos[1].style.color = "white";
163 break;
164
165 case "D.O. Rueda":
166 arrayTitulos[2].style.background = "linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57))";
167 arrayTitulos[2].style.color = "white";
168 break;
169
170 case "D.O. Toro":
171 arrayTitulos[4].style.background = "linear-gradient(90deg, rgb(169,66,118), rgb(198,64,57))";
172 arrayTitulos[4].style.color = "white";
173 break;
174 }
175 }
176
177
178 function outHoverTexto(){
179 for(i=0; i<document.getElementsByClassName('textDO').length; i++){
180 document.getElementsByClassName('textDO')[i].style.background = "white";
181 document.getElementsByClassName('textDO')[i].style.color = "black";
182 }
183 }
184</script>
185
186
187<#----------------------------------------------------------------------------------------------------------------------------------
188 Las imagenes utilizadas en esta plantilla las recogemos de un contenido web básico con la estructura: STR_RESOURCES_NAV_MENUS.
189 Este contenido se encuentra en la carpeta: Recursos Menús de Navegación.
190 El nombre del contenido web es: ADT_ENOTURISMO Imagenes mapa. Con ID: 147664.
191------------------------------------------------------------------------------------------------------------------------------------>
192
193
194 <#assign journalArticleLocalService = serviceLocator.findService("com.liferay.journal.service.JournalArticleLocalService")>
195
196<#if themeDisplay.getLayout().getExpandoBridge().getAttribute("IdRecursos") != "" >
197
198 <#assign serviceContext = staticUtil["com.liferay.portal.kernel.service.ServiceContextThreadLocal"].getServiceContext()>
199 <#assign themeDisplay2 = serviceContext.getThemeDisplay() />
200 <#assign currentUrl = themeDisplay2.getPortalURL() + themeDisplay2.getURLCurrent() />
201 <#assign idioma = ""/>
202 <#assign duero = ""/>
203 <#assign rueda = ""/>
204 <#assign cigales = ""/>
205 <#assign toro = ""/>
206 <#assign tierraLeon = ""/>
207
208 <#if locale == "es_ES">
209 <#assign idioma = "es_ES">
210 <#assign duero = "D.O. Ribera de Duero"/>
211 <#assign rueda = "D.O. Rueda"/>
212 <#assign cigales = "D.O. Cigales"/>
213 <#assign toro = "D.O. Toro"/>
214 <#assign tierraLeon = "D.O. León"/>
215 <#elseif locale == "fr_FR">
216 <#assign idioma = "fr_FR">
217 <#assign duero = "AOC Ribera de Duero"/>
218 <#assign rueda = "AOC Rueda"/>
219 <#assign cigales = "AOC Cigales"/>
220 <#assign toro = "AOC Toro"/>
221 <#assign tierraLeon = "AOC León"/>
222 <#elseif locale == "en_US">
223 <#assign idioma = "es_ES">
224 <#assign duero = "D.O. Ribera de Duero"/>
225 <#assign rueda = "D.O. Rueda"/>
226 <#assign cigales = "D.O. Cigales"/>
227 <#assign toro = "D.O. Toro"/>
228 <#assign tierraLeon = "D.O. León"/>
229 </#if>
230
231 <#assign recurso = themeDisplay.getLayout().getExpandoBridge().getAttribute("IdRecursos")?trim?number>
232 <#assign articulo = journalArticleLocalService.getLatestArticle(recurso)>
233 <#assign document = saxReaderUtil.read(articulo.getContent())>
234 <#assign rootElement = document.getRootElement() >
235
236 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='ImagenPadre']")>
237 <#assign imagenPrincipal = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
238
239 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='DescripcionPagina']/dynamic-content[@language-id='"+idioma+"']")>
240 <#assign textoIntro = xPathSelector.selectSingleNode(rootElement).getStringValue()?trim>
241
242 <#assign xPathSelector = saxReaderUtil.createXPath("dynamic-element[@name='ImagenSubPag']")>
243 <#assign imagenesDO = xPathSelector.selectNodes(rootElement)>
244
245 <#assign img_Cigales = (imagenesDO[0]).getStringValue()?trim>
246 <#assign img_Leon = (imagenesDO[1]).getStringValue()?trim>
247 <#assign img_Ribera = (imagenesDO[2]).getStringValue()?trim>
248 <#assign img_Rueda = (imagenesDO[3]).getStringValue()?trim>
249 <#assign img_Toro = (imagenesDO[4]).getStringValue()?trim>
250 <#assign imgFondo = (imagenesDO[5]).getStringValue()?trim>
251
252 <#assign link_portletMostrar = 'detalle-enoturismo/-/asset_publisher/tsTHh9OHDDRR' />
253 <#assign link_Ribera = link_portletMostrar + '/content/enoturismo-do-ribera' />
254 <#assign link_Rueda = link_portletMostrar + '/content/enoturismo-do-rueda' />
255 <#assign link_Cigales = link_portletMostrar + '/content/enoturismo-do-cigales' />
256 <#assign link_Toro = link_portletMostrar + '/content/enoturismo-do-toro' />
257 <#assign link_Leon = link_portletMostrar + '/content/enoturismo-do-leon' />
258
259 <#assign text_denominaciones = journalArticleLocalService.getLatestArticle(182421).getDescription(locale)/>
260
261 <div id="adt_enoturismo">
262 <img id="fondo" src="${imgFondo}" alt="Imagen con mapa de DO">
263
264 <div id="contenido">
265 <div id="denominacionesOrigen">
266 <div><p class="textDO">${text_denominaciones?upper_case}:</p></div>
267 <div><a href="${link_Ribera}"><p class="textDO" onmouseover="cambiarImagen('${img_Ribera}')" onmouseout="cambiarImagen('${imagenPrincipal}')">${duero}</p></a></div>
268 <div><a href="${link_Rueda}"><p class="textDO" onmouseover="cambiarImagen('${img_Rueda}')" onmouseout="cambiarImagen('${imagenPrincipal}')">${rueda}</p></a></div>
269 <div><a href="${link_Cigales}"><p class="textDO" onmouseover="cambiarImagen('${img_Cigales}')" onmouseout="cambiarImagen('${imagenPrincipal}')">${cigales}</p></a></div>
270 <div><a href="${link_Toro}"><p class="textDO" onmouseover="cambiarImagen('${img_Toro}')" onmouseout="cambiarImagen('${imagenPrincipal}')">${toro}</p></a></div>
271 <div><a href="${link_Leon}"><p class="textDO" onmouseover="cambiarImagen('${img_Leon}')" onmouseout="cambiarImagen('${imagenPrincipal}')">${tierraLeon}</p></a></div>
272 </div>
273 <div id="contenedorImagenMapa">
274 <!-- Image Map Generated by http://www.image-map.net/ -->
275 <img id="imagenMapa" src="${imagenPrincipal}" alt="Imagen con mapa de DO" usemap="#image-map">
276 <map name="image-map" id="image-map">
277 <area target="" alt="${tierraLeon}" title="${tierraLeon}" href="${link_Leon}" coords="152,133,167,270,154,319,169,376,211,413,228,429,273,413,291,370,239,339,240,292,298,296,305,344,344,372,428,388,428,432,465,447,524,414,498,378,447,362,446,332,473,305,457,285,418,294,414,250,371,205,415,191,459,223,524,179,539,59,501,42,494,84,446,23,356,81,330,67,295,107,306,136,285,156,257,134,229,157" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Leon}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
278 <area target="" alt="${tierraLeon}" title="${tierraLeon}" href="${link_Leon}" coords="24,300,57,406,49,438,96,477,104,415,116,390,70,361" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Leon}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
279 <area target="" alt="${tierraLeon}" title="${tierraLeon}" href="${link_Leon}" coords="192,81,210,125,240,106,250,77,217,69" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Leon}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
280 <area target="" alt="${cigales}" title="${cigales}" href="${link_Cigales}" coords="666,737,673,856,745,880,793,847,847,878,961,843,1023,780,1055,689,1045,659,965,687,895,620,854,577,788,628,761,674,724,686" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Cigales}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
281 <area target="" alt="${duero}" title="${duero}" href="${link_Ribera}" coords="1082,907,1062,933,1105,973,1059,1013,1105,1033,1154,1011,1154,977,1184,977,1218,1025,1300,1017,1270,1088,1321,1157,1375,1160,1515,1102,1536,1010,1511,962,1482,969,1493,873,1455,810,1467,762,1390,828,1438,890,1420,909,1353,891,1329,809,1223,843,1140,854,1154,880" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Ribera}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
282 <area target="" alt="${rueda}" title="${rueda}" href="${link_Rueda}" coords="934,1405,865,1188,782,1156,746,1175,745,1137,699,1070,586,1025,582,1065,494,1025,358,1115,261,1137,195,1199,201,1215,177,1254,213,1401,209,1445,161,1504,174,1528,254,1500,282,1547,382,1584,508,1562,637,1641,686,1634,701,1595,788,1575,825,1528,883,1555,862,1484" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Rueda}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
283 <area target="" alt="${toro}" title="${toro}" href="${link_Toro}" coords="349,1116,261,1135,188,1207,180,1124,287,1066,240,1010,346,955,359,1000,320,1042" shape="poly" onmouseover="hoverTexto(this); cambiarImagen('${img_Toro}');" onmouseout="outHoverTexto(); cambiarImagen('${imagenPrincipal}');">
284 </map>
285 </div>
286
287 <div id="contenedorTexto">
288 <p id="descripcionGeneral">${textoIntro}</p>
289 </div>
290
291 </div>
292 </div>
293 </#if>
294
295
296 <#-- Fuente del código JavaScript para ajustar el mapa de coordenadas a la imagen
297 https://github.com/stowball/jQuery-rwdImageMaps -->
298
299 <script language="JavaScript" type="text/javascript">
300 $(document).ready(function(e) {
301 $('img[usemap]').rwdImageMaps();
302 });
303 </script>