<div class="lightbox-content-generic">
<div class="modal-body">
<div class="row">
<div class="col-xs-12 col-ms-12">
<img src="/dist/images/slider-desktop.jpg" />
</div>
</div>
</div>
</div>
<div {{#if hasID}}id="{{idComponent}}" {{/if}} class="lightbox-content-generic">
<div class="modal-body">
{{#if img-url}}
<div class="row">
<div class="col-xs-12 col-ms-12">
<img src="{{img-url}}" />
</div>
</div>
{{/if}}
{{#if splitter}}
{{#extend '@splitter' splitter }}
{{#content 'content-first-column'}}
{{#if isDocumentsUploadLightbox}}
{{ render '@cards-grid--upload-multiple-photos' }}
{{else if isSolicitudLlamadaLightbox}}
{{ render '@contact--two-items-without-title' }}
{{ render '@call-form--default' }}
{{else if isSolicitudLlamadaSimpleLightbox}}
{{ render '@call-form--con-consultor-y-encabezado-a-la-izquierda' }}
{{else if isSolicitudLlamadaSuccessLightbox}}
{{ render '@form-success' }}
{{else if isBankflipLightbox}}
{{ render '@product--with-bullets-list-and-reversed-just-for-mobile' }}
{{else if isDeleteDocumentLightbox}}
{{ render '@delete-document--default' }}
{{else if isPreloader}}
{{ render '@preloader--as-component' }}
{{else if isRequisitosICO}}
{{ render '@description-list--text-list' }}
{{else}}
Contenido splitter
{{/if}}
{{/content}}
{{/extend}}
{{/if}}
</div>
</div>
{
"hasID": false,
"img-url": "/dist/images/slider-desktop.jpg"
}
.lightbox-content-generic {
.modal-body {
/*.row {
background-color: var(--color-white); Lo comento porque genera error al meter dentro del splitter un componente producto, por ejemplo (CA)
}*/
.splitter{
.container{
padding:0;
}
}
& > .row{
margin: 0;
}
& > .row > .col-xs-12,
& > .row > .col-ms-12{
padding: 0;
}
}
.modal-head {
margin-bottom: var(--gutter-width);
& > .row{
margin: 0;
}
& > .row > .col-xs-12,
& > .row > .col-ms-12{
padding: 0;
}
}
.modal__title {
&.small {
margin-bottom: 20px;
.title-m {
color: var(--color-secondary);
}
}
}
}
El título, descripción, imagen y texto bajo la imagen son opcionales