custom/plugins/Ldspopup/src/Resources/views/storefront/layout/scroll-up.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/scroll-up.html.twig' %} 
  2. {% block layout_scroll_up_inner %}
  3.    {{parent()}}
  4.    {% set LdspopupConfig = config('Ldspopup') %}
  5.    {% if LdspopupConfig.config.active==1 %}
  6.       <div class="modal fade" id="ldspopup" tabindex="-1" role="dialog" aria-labelledby="ldspopupLabel" aria-hidden="true">
  7.       {% if LdspopupConfig.config.consentLink %}<a class="modal-link" href="{{LdspopupConfig.config.consentLink}}">{% endif %}
  8.       <div class="modal-dialog" role="document">
  9.          <div class="modal-content">
  10.             <div class="modal-header">
  11.             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  12.                <span aria-hidden="true">&times;</span>
  13.             </button>
  14.             </div>
  15.             <div class="modal-body">
  16.                <div class="row">
  17.                   <div class="col-md-12">
  18.                      {% if LdspopupConfig.config.consentTitle %} 
  19.                         <h3>{{LdspopupConfig.config.consentTitle|raw}}</h3>
  20.                      {% endif %}
  21.                      {% if LdspopupConfig.config.consentDescription %} 
  22.                         <p>{{LdspopupConfig.config.consentDescription|raw}}</p>
  23.                      {% endif %}
  24.                   </div>
  25.                </div>
  26.             </div>
  27.          </div>
  28.       </div>
  29.       {% if LdspopupConfig.config.consentLink %}</a>{% endif %}
  30.       </div>
  31.    {% endif %}
  32.    {% if LdspopupConfig.config.consentBackground %} 
  33.       {% set mediaId = LdspopupConfig.config.consentBackground %}
  34.       {% set mediaCollection = searchMedia([mediaId], context.context) %}
  35.       {% set media = mediaCollection.get(mediaId) %}
  36.       <style>
  37.          #ldspopup{
  38.             .modal-dialog{
  39.                height: {{LdspopupConfig.config.consentheight}}px;
  40.                width:  {{LdspopupConfig.config.consentwidth}}px;
  41.                background-image:url('{{media.url}}');
  42.                background-repeat: no-repeat;
  43.                background-size: {{LdspopupConfig.config.displaymode}};
  44.                background-position: center center;
  45.                margin-top: 6%;
  46.                .modal-content{
  47.                   height: 100%;
  48.                   background-color: transparent;
  49.                   .modal-link{
  50.                      text-decoration: none;
  51.                   }  
  52.                }
  53.                
  54.             }
  55.          }
  56.       </style>
  57.    {% endif %}
  58. {% endblock %}