Avisos
Vaciar todo

Duda sección precios

8 Respuestas
2 Usuarios
0 Reactions
25 Visitas
Respuestas: 33
Trusted Member
Topic starter
 

Hola!

 

Estamos creando una nueva web con Divi 5.0 y necesitamos orientación.

 

Estamos preparando una sección de tarifas en https://danannpi-cp5003.wordpresstemporal.com/pruebas2/pagina-ejemplo/

La idea es que aparezcan dos botones visibles con enlaces ancla a cada una de las tarifas correspondientes pero queremos que la tarifa no activa no se muestre hasta que no se pulse el botón correspondiente, y que al pinchar en el botón la sección aparezca justo debajo de los botones de cuotas y bonos.

¿Nos podéis dar alguna orientación sobre como crear este efecto?

Gracias

Contenido solo visible a usuarios registrados


 
Respondido : 29/08/2025 8:58 am
Karen Rios
Respuestas: 18763
Illustrious Member Moderator
 

Hola dDialoGa, 

Disculpa, no me queda muy claro lo que intentan realizar. Lo que quieres es que no se muestren las tarifas hasta que se pulsen los botones? puedes detallarnos un poco mejor lo que necesitas realizar, si es posible envianos alguno ejemplo de lo que intentas crear para verificar con mayor detalle lo que nos comentas. 

Un Saludo


 
Respondido : 29/08/2025 12:34 pm
Respuestas: 33
Trusted Member
Topic starter
 

Hola!

 

Queremos hacer algo similar a esto https://edanstudios.com/es/

 

 

Que se muestre una tarifa o la otra alternativamente 


 
Respondido : 29/08/2025 3:02 pm
Karen Rios
Respuestas: 18763
Illustrious Member Moderator
 

Hola,

Entiendo, en este caso este diseño parece estar construido mediante tabs del constructor y dentro de ello añadir un diseño que tengas ya establecido en una plantilla. En Divi aún no está disponible esta opción, en este caso una alternativa es primero. 

Crear el diseño de tus tablas de precio en la librería de Divi y añadir un nuevo layout

image
image
image

En este layout añades el diseño que necesitas implementar, ten en cuenta que debes crear dos layouts que serán para las diferentes tarifas que quieres mostrar tal como el ejemplo.

Una vez tienes el layout lo verás disponible en la sección de la librería, para añadir este layout en un tab necesitas hacerlo como un shortcode para ello necesitaras un plugin como → https://wordpress.org/plugins/shortcodes-for-divi/

Esto te permitirá generar shortcode de tus librerías en cualquier sección de la página, solo debes instalarlo, activarlo y luego ir nuevamente a la Liberia de Divi para que copies en shortcode de tu layout recien creado

image

Ese shortcode ahora puedes añadirlo en un tab de Divi, solo debes añadir el estilo como quieres se muestre el tab para que se ajuste al contenido de tu layout, es posible te indique un mensaje que no puede mostrar el shortcode, pero el mismo debe visualizarse sin problema en el front

image
image

Puedes probar esta alternativa y verificar si con ello puedes añadir lo que necesitas

Un Saludo 

 

 

 


 
Respondido : 29/08/2025 6:53 pm
Respuestas: 33
Trusted Member
Topic starter
 

Hola @karen

 

Gracias por la ayuda! Hemos probado la solución pero no es exactamente lo que buscamos, principalmente porque la personalización del titulo de la tabla esta muy limitado y no es tan visible como los botones. Si que el funcionamiento de enseñar el contenido alternativo es lo que necesitamos.

 

¿habría alguna manera de personalizar el titulo de las tabs? Entiendo que con shortcode no es posible.

Si no podemos personalizar el titulo podríamos montar algo similar con botones (con los enlaces ancla a los módulos diseñados) y debajo un modulo (con la información de precios correspondiente) y que ese modulo sea sustituido por el otro al pinchar en el segundo botón.

 

Gracias por la ayuda

 


 
Respondido : 30/08/2025 6:49 am
Karen Rios
Respuestas: 18763
Illustrious Member Moderator
 

Hola,

A que exactamente te refieres con personalizar? quieres por ejemplo que tenga otros colores? o en que sentido seria? si nos especificas que quieres podemos verificar si es posible por código CSS, ya que si es todo estético por ejemplo cambiar el color o el tamaño del texto por código puedes hacerlo.

Un saludo 


 
Respondido : 30/08/2025 4:47 pm
Respuestas: 33
Trusted Member
Topic starter
 

Hola!

Si, sería cambiar el color y el tamaño del titulo pero también separar los títulos del contenido para que se vea más claramente que son dos opciones distintas.

 

Podríamos probar otro módulo de construcción o plugin que tenga un efecto parecido al tabs?


 
Respondido : 01/09/2025 6:43 am
Karen Rios
Respuestas: 18763
Illustrious Member Moderator
 

Hola, 

Veo que aún no tienes los tabs añadidos por lo que no podemos indicarte que código CSS podrías utilizar para modificar estas opciones, sobre plugins ya que es algo específico es un poco más difícil localizar un plugin que realice esto, sin embargo, podrías revisas entre las alternativas de Divi como → Contenido solo visible a usuarios registrados

Un Saludo 

 

 
Respondido : 01/09/2025 12:22 pm