custom/plugins/fourtwosixPopupsGenerator/src/Resources/views/storefront/popup/index.html.twig line 1

Open in your IDE?
  1. {% if popupConfig.display %}
  2.     {% block storefront_popup_index %}
  3.     <div class="popup" data-id='{{ popupConfig.id }}'>
  4.         {% block storefront_popup_index_link %}
  5.             <a
  6.                 href="{% if popupConfig.link != "" %}{{ popupConfig.link }}{% else %}#{% endif %}"
  7.                 target="_blank"
  8.                 class="popup--link"
  9.                 title="{{ popupConfig.button_text }}"
  10.                 rel="noopener" {% if popupConfig.first %}
  11.                 id="popup_link_0" {% endif %}>
  12.             </a>
  13.         {% endblock %}
  14.         {% set popupClasses = "" %}
  15.         {% if popupConfig.position %}
  16.             {% set popupClasses = popupClasses ~ " " ~ popupConfig.position %}
  17.         {% else %}
  18.             {% set popupClasses = popupClasses ~ " center" %}
  19.             center
  20.         {% endif %}
  22.         {% if popupConfig.background %}
  23.             {% set popupClasses = popupClasses ~ " has-background-image" %}
  24.         {% endif %}
  26.         {% block storefront_popup_index_popup %}
  27.             <div
  28.                 {% if popupConfig.first %} id="popup_0" {% endif %}
  29.                 class="popup--container {{ popupClasses }}" >
  31.                 <button class="btn btn-close btn-secondary">X</button>
  33.                 {% block storefront_popup_index_popup_image %}
  34.                     {% if popupConfig.background %}
  35.                         <div>
  36.                             <img src="{{ popupConfig.background }}" alt="{{ popupConfig.title }}"/>
  37.                         </div>
  38.                     {% endif %}
  39.                 {% endblock %}
  41.                 {% block storefront_popup_index_popup_content %}
  42.                     <div class="popup--content">
  43.                         <div class="popup--content-inner">
  44.                             <h2 class="popup--title">{{ popupConfig.title }}</h2>
  45.                             <div class="popup--description">
  46.                                 {{ popupConfig.description | raw }}
  47.                             </div>
  48.                             <div class="popup--footer">
  49.                                 <input type="button" class="btn btn-primary" value="{{ popupConfig.button_text }}"> 
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                 {% endblock %}
  54.             </div>
  55.         {% endblock %}
  56.     </div>
  57.     {% endblock %}
  58. {% endif %}