Avisos
Vaciar todo

Problema formulario delante de transicion de imagenes

6 Respuestas
4 Usuarios
0 Reactions
23 Visitas
Respuestas: 7
Active Member
Topic starter
 

Hola,

Me gustaría pediros ayuda con lo siguiente:

Estoy modificando la primera sección de la home en inglés de mi web https://www.chipibeach.com

El caso, he creado una sección con transiciones de imagenes y encima va el buscador de disponibilidad de las habitaciones. Cuando pinchas en llegada y salida, debería aparecer el calendario para poder seleccionar los días ( como podeis ver que ocurre en la home en español) pero ahora con las fotos de fondo no se abre el calendario. Creo que puede ser que se abra pero se quede detrás de las imagenes. No se si podeis ayudarme para que se abra por encima y así poder seleccionar las fechas.

Espero haberme  explicado bien.

Un saludo y gracias!

Contenido solo visible a usuarios registrados


 
Respondido : 21/03/2023 9:53 am
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Diana.

Que plugin es que utilizas para los calendarios ? 

Es posible que no sea compatible con Polylang, si nos indicas el plugin que utilizas podríamos comprobarlo.

 

Un Saludo


 
Respondido : 21/03/2023 12:12 pm
Respuestas: 7
Active Member
Topic starter
 

@pepesoler gracias por tu respuesta.

Utilizo el plugin del canal de reservas se llama Oscar hotel Engine pero no es un problema de compatibilidad con polylang ya que en la versión en inglés,  tengo una página que se llama book now y ahí si aparece el calendario cuando pinchas. Tiene que ser algo que he hecho mal con las transiciones... 


 
Respondido : 21/03/2023 5:18 pm
Karen Rios
Respuestas: 18663
Illustrious Member Moderator
 

Hola Diana, 

En este caso puedes enviarnos una captura como estas construyendo las transiciones de la sección, si es posible enviado una captura del código que añades. Lo que veo ahora es que algo de este código es posible este alterando la funcionalidad del shortcode de las reservas que tienes añadido ahora. 

Puedes probar si es esto eliminando el ID que añades a la sección y veo incorpora la funciones del slide 

image

Verificalo y nos comentas como ha ido todo

Un Saludo 


 
Respondido : 21/03/2023 6:41 pm
Respuestas: 7
Active Member
Topic starter
 

@karen gracias. He probado a borrar el id pero si lo hago, no se ve nada.

Screenshot (14)

 

Mira, este es el codigo:

<link rel="stylesheet" href="https://jaysalvat.github.io/vegas/releases/latest/vegas.min.css">
<script src="https://jaysalvat.github.io/vegas/releases/latest/vegas.js"></script>
 
<script>
jQuery(document).ready(function($){
$("#ovSlideshow").vegas({
overlay: '/js/vegas/dist/overlays/06.png',
transition: 'fade',
transitionDuration: 2000,
delay: 5000,
animation: 'random',
animationDuration: 10000,
slides: [
 { src: "https://www.chipibeach.com/wp-content/uploads/2023/03/8CC16800-EC56-4E1E-89A2-0A7B261F8D70-scaled.jpg" }, { src: "https://www.chipibeach.com/wp-content/uploads/2022/11/05E57375-6E97-407B-A5D9-4F46877B8465-1-scaled.jpg" }, 
  { src: "https://www.chipibeach.com/wp-content/uploads/2023/03/IMG_1772-e1678999489722.jpeg" }, { src: "https://www.chipibeach.com/wp-content/uploads/2023/03/IMG_4009.jpeg" },
    ]
});
});
</script>

 
Respondido : 21/03/2023 8:20 pm
Argenis
Respuestas: 11585
Illustrious Member Moderator
 

Hola Diana,

Verifica primero quitando este código que nos compartes, trata dejando un fondo fijo un color por ejemplo, luego de esto elimina el ID de CSS que te comenta Karen, por último el shortcode con el que seguramente estás agregando el buscador del plugin oscar hotel engine.

Trata de no utilizar codigos personalizados para sliders, puedes utilizar un plugin:

https://www.webempresa.com/blog/como-anadir-un-slider-de-imagenes-en-wordpress.html

Un saludo 🖐️ 


 
Respondido : 21/03/2023 8:58 pm