templates/areas/information-cards/view.html.twig line 1

Open in your IDE?
  1. <div class="information-cards-wrapper">
  2.     <div class="container">
  3.         <div class="row">
  4.             <div class="col-lg-12 mb-5">
  5.                 <div class="security-information-heading animate__animated animate__fadeInLeft animate__slower wow">
  6.                     {{ pimcore_wysiwyg('security-information-heading', {
  7.                         "toolbarGroups": [
  8.                             {
  9.                                 "name": 'WYSIWYG 1',
  10.                                 "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  11.                             }
  12.                         ],
  13.                         "placeholder": 'Heading...' | trans
  14.                     }) }}
  15.                 </div>
  16.             </div>
  17.         </div>
  18.         <div class="information-cards">
  19.             {% for i in pimcore_block('information-cards', {class: 'information-cards'}).iterator %}
  20.                 <div class="information-cards-card">
  21.                     <div class="information-cards-card-image">
  22.                         {% if editmode %}
  23.                             {{ pimcore_relation("information-cards-",{width: 300}) }}
  24.                         {% elseif not editmode and not pimcore_relation("information-cards-").isEmpty() %}
  26.                             {% if pimcore_relation("information-cards-").getElement.type == 'text' or
  27.                                 (pimcore_relation("information-cards-").getElement.type == 'image' and pimcore_relation("information-cards-").getElement.isVectorGraphic())
  28.                             %}
  29.                                 {{ pimcore_relation("information-cards-").getElement.getData | raw }}
  30.                             {% elseif pimcore_relation("information-cards-").getElement.type == 'image' %}
  31.                                 {{ pimcore_relation("information-cards-").getElement.thumbnail('information-card').html({}) | raw }}
  32.                             {% endif %}
  33.                         {% endif %}
  34.                     </div>
  35.                     <div class="information-cards-card-heading">
  36.                         {{ pimcore_wysiwyg('information-cards-card-heading-', {
  37.                             "toolbarGroups": [
  38.                                 {
  39.                                     "name": 'WYSIWYG 1',
  40.                                     "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  41.                                 }
  42.                             ],
  43.                             "placeholder": 'Card heading...' | trans
  44.                         }) }}
  45.                     </div>
  47.                     <div class="information-cards-card-description">
  48.                         {{ pimcore_wysiwyg('information-cards-card-description-', {
  49.                             "toolbarGroups": [
  50.                                 {
  51.                                     "name": 'WYSIWYG 1',
  52.                                     "groups": [ 'basicstyles', 'colors', 'links', 'styles' ]
  53.                                 }
  54.                             ],
  55.                             "placeholder": 'Card description...' | trans
  56.                         }) }}
  57.                     </div>
  58.                 </div>
  59.             {% endfor %}
  60.         </div>
  61.         <div class="information-cards-button">
  62.             {{ pimcore_link('information-cards-button', {class : 'btn btn-primary'}) }}
  63.         </div>
  64.     </div>
  65. </div>