templates/pages/_includes/partials/_offer_popup.html.twig line 1

Open in your IDE?
  1. {# Popup d'offre spéciale qui s'affiche au survol de div.offer #}
  2. {# Usage: include ce template dans une boucle for offer, juste après <div class="offer"> #}
  4. {% set media = crea_media_get_media(['banner'], offer) %}
  6. {% if offer is defined %}
  7. <div class="popup popup--offer" style="position: fixed; top: -9999px; left: -9999px; opacity: 0; visibility: hidden;">
  8. <button type="button" class="popup__close" data-popup-close aria-label="{{ 'list.cruise_card.close_offer'|trans }}">
  9. {{ getLucidIcon('x') }}
  10. </button>
  11. {% if media.cdnUrl is defined and media.cdnUrl is not empty %}
  12. <div class="popup__image">
  13. <img src="{{ media.cdnUrl|default('/img/placeholder-company.svg') }}" alt="{{ offer.displayedName|default('snippets.offers.special_offer'|trans) }}">
  16. {% if offer.offerCategory.icon is defined and offer.offerCategory.icon is not empty %}
  17. <div class="popup__icon" style="background-color: {{ offer.offerCategory.colorFill|default('#000000') }}; color: {{ offer.offerCategory.colorFont|default('#FFFFFF') }};">
  18. {{ getLucidIcon(offer.offerCategory.icon) }}
  19. </div>
  20. {% endif %}
  21. </div>
  22. {% endif %}
  24. {% set popupTitle = offer.displayedName|default(offer.name|default('')) %}
  25. {% set popupShort = offer.shortDescription|default('') %}
  26. {% set popupDescription = offer.description|default('') %}
  27. {% set popupConditions = offer.conditions|default('') %}
  28. {% set titleColor = offer.offerCategory.colorFont|default('') %}
  29. {% if titleColor is empty or titleColor|lower in ['#fff', '#ffffff', 'white'] %}
  30. {% set titleColor = 'inherit' %}
  31. {% endif %}
  33. <div class="popup__content">
  35. {% if popupTitle is not empty %}
  36. <div class="popup__title" style="color: {{ titleColor }}">
  37. {{ popupTitle|raw }}
  38. </div>
  39. {% endif %}
  41. {% if popupShort is not empty %}
  42. <div class="popup__short-description">
  43. {{ popupShort|raw }}
  44. </div>
  45. {% endif %}
  47. {% if popupDescription is not empty %}
  48. <div class="popup__description">
  49. {{ popupDescription|raw }}
  50. </div>
  51. {% endif %}
  53. {% if popupConditions is not empty %}
  54. <div class="popup__cgu color-price-tags-primary">
  55. {{ popupConditions|raw }}
  56. </div>
  57. {% endif %}
  58. </div>
  59. </div>
  60. {% endif %}