{block name='modal'}

<div class="modal fade {block name='modal_extra_class'}{/block}" {block name='modal_extra_attribues'}{/block} tabindex="-1" aria-hidden="true">

  <div class="modal-dialog {block name='modal_dialog_extra_class'}{/block}">
    {block name='modal_content'}
        <div class="modal-content">

          {block name='modal_header'}
            <div class="modal-header {block name='modal_header_extra_class'}{/block}">
              {block name='modal_title' hide}
                <h5 class="modal-title">{$smarty.block.child}</h5>
              {/block}
               {block name='modal_close'}
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  {svg_icon file='x.svg' width="24" height="24"}
                </button>
              {/block}
            </div>
          {/block}

          {block name='modal_body' hide}
            <div class="modal-body {block name='modal_body_extra_class'}{/block}">
              {$smarty.block.child}
            </div>
          {/block}

          {block name='modal_footer' hide}
            <div class="modal-footer {block name='modal_footer_extra_class'}{/block}">
              {$smarty.block.child}
            </div>
          {/block}

        </div>
    {/block}
  </div>

</div>

{/block}