templates/document/areabricks/link-brick/view.html.twig line 1

Open in your IDE?
  1. {% set columnCount = pimcore_select('columnCount').getData()|default(1) %}
  2. {% set gridClasses = 'grid-cols-1' %}
  3. {% if columnCount % 3 == 0 %}
  4.     {% set gridClasses = gridClasses ~ ' lg:grid-cols-3' %}
  5. {% elseif columnCount % 2 == 0 %}
  6.     {% set gridClasses = gridClasses ~ ' lg:grid-cols-2' %}
  7. {% endif %}
  9. <div class="grid {{ gridClasses }} mx-auto gap-3 py-3 px-2 bg-white">
  10.     {% for i in range(1, columnCount) %}
  11.         <div class="relative h-56 overflow-hidden bg-center bg-cover md:h-64"
  12.             {% if not editmode %}
  13.                 {% set image = pimcore_image("background-" ~ i).getThumbnail('targetaudience-background') %}
  14.                 style="background-image: url('{{ image }}');"
  15.                 href="#"
  16.             {% endif %}
  17.         >
  18.             {% if editmode %}
  19.                 {{ pimcore_image("background-" ~ i, {
  20.                     "thumbnail": "targetaudience-background",
  21.                     "class": "w-full",
  22.                 }) }}
  23.             {% endif %}
  24.               {% set link = pimcore_link("link" ~ i, {
  25.                     'placeholder': 'Link',
  26.                     "class": "flex items-center pt-1",
  27.                 }) %}
  29.             {% if editmode or not editmode and link.text  %}
  30.             <div class="absolute z-10 transform -translate-x-1/2 -translate-y-1/2" style="top: 50%; left: 50%;">
  31.                 {% include "component/button.html.twig" with { text: editmode ? link : link.text, type: "primary", icon_after: 'arrow-right-tail', attr: { "href": link.href } } only %}
  32.             </div>
  33.             {% endif %}
  35.         </div>
  36.     {% endfor %}
  37. </div>