Componente Modal > Inicio
{% assign modal_size = 'md' %}
{% assign modal_title = "" %} <!--texto de titulo del modal -->
{% capture modal_config %}
"delay":4,
"show":"always"
{% endcapture %}
<div id="modal-inicio" class="modal fade show" data-bs="modal" data-info='{ {{modal_config}} }' tabindex="-1" role="dialog">
<div class="modal-dialog modal-{{modal_size}}" role="document">
<div class="modal-content">
{% if modal_title.size > 0 %}
<div class="modal-header">
<h5 class="modal-title">{{modal_title}}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
{% else %}
<div><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></div>
{% endif %}
<div class="modal-body">
<!-- contenido acá -->
<!-- contenido acá -->
</div>
</div>
</div>
</div>{% assign modal_size = 'md' %}
| modal_size |
tamaño |
| "lg" |
Grande |
| "md" |
Normal, por defecto |
| "sm" |
Pequeño |
Cuando la configuración modal_title esté vacía no imprimirá nada, de lo contrario imprimirá su contenido
- Modal sin titulo
{% assign modal_title = "" %}
- Modal con titulo
{% assign modal_title = "Bienvenido" %}
| configuración |
significado |
| delay |
cuánto segundos esperar antes de que se cierre el modal por si sólo |
| show |
cuantas veces se muestra el modal (once, day, always) |
-
delay: 10 modal dura 10 segundos en pantalla
-
show: "once" modal se carga sólo la primera vez que el usuario visita la página.
-
delay no existe configuración delay, el modal permanece en pantalla hasta que el cliente lo cierre
-
show: "day" modal se carga sólo una vez al día.
-
delay: 5 modal dura 5 segundos en pantalla
-
show: "always" modal se carga cada vez que el cliente recarga o visite la página
- Ir a menú Diseño ⮞ plantilla y revisar que no exista un componente
Modal > Inicio, si existe lo debes borrar, es una configuración antigua.
- Crear un componente de nombre
Modal > Inicio
- Insertar el componente dentro del componente inicio
{{ "Modal > Inicio" | get_component }}