templates/areas/call-to-action/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2. <div class="edit-box">
  3. <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  4. <div class="flex gap-20">
  5. <div class="content flex column gap-20">
  6. <div class="content-box flex gap-20">
  7. <div class="item">
  8. <p class="edit-p">Abstand nach unten wählen:</p>
  9. {{ pimcore_select("MarginBottom", {
  10. "reload": true,
  11. "store": [
  12. ["regular", "Normal"],
  13. ["half", "1/2"],
  14. ["small", "1/4"],
  15. ["zero", "kein Abstand"],
  16. ],
  17. "defaultValue" : "regular"
  18. }) }}
  19. </div>
  20. </div>
  21. </div>
  22. </div>
  23. </div>
  24. {% endif %}
  25. <section class="zitat {{ pimcore_select('MarginBottom').getData() }}">
  27. <div class="container big">
  28. {% if not editmode %}
  29. <div class="zitat-hexagon hexagon as-hex">
  30. {{ include('svg/hexagon.html.twig') }}
  31. </div>
  32. {% endif %}
  34. {% if editmode %}
  35. <p class="zitat-headline">
  36. {{ pimcore_textarea("headline",{
  37. "required": true,
  38. "nl2br": true,
  39. "height": 150,
  40. "class": "zitat-headline",
  41. "placeholder": "Call-to-action Text"
  42. }) }}
  43. </p>
  44. {% elseif not editmode and not pimcore_textarea('headline').isEmpty() %}
  45. <p class="zitat-headline">{{ pimcore_textarea('headline').getData() | nl2br }}</p>
  46. {% endif %}
  48. {% if editmode %}
  49. <div class="zitat-link" style="margin-bottom: 0;">
  50. {{ pimcore_link("link",{
  51. "required": true,
  52. "nl2br": true,
  53. "height": 30,
  54. "class": "button",
  55. "placeholder": "Button text"
  56. }) }}
  57. </div>
  58. {% elseif not editmode and not pimcore_link('link').isEmpty() %}
  59. <a href="{{ pimcore_link('link').href }}" class="zitat-link button">
  60. <span>{{ pimcore_link('link').getText() }}</span>
  61. {{ include('svg/arrow-right.html.twig') }}
  62. </a>
  63. {% endif %}
  64. </div>
  65. </section>