templates/areas/accesslevel-info/view.html.twig line 35

Open in your IDE?
  1. {% if editmode %}
  2.     <style>
  3.         div.pimcore_editable_link:has(.club-reg-button) {
  4.             position: absolute;
  5.             bottom: 20px;
  6.             width: 100%;
  7.             z-index: 1000;
  8.         }
  10.         .club-reg-button {
  11.             width: 100% !important;
  12.             position: static !important;
  13.         }
  14.     </style>
  15. {% endif %}
  17. <div class="container packages-container white-container">
  18.     <section id="clubPackages">
  19.         <div class="row card-deck justify-content-center">
  20.             <div class="card club-package-info-card text-center">
  21.                 <img src="{{ asset('themes/frontend/images/club.svg') }}" alt="Club">
  22.                 <h3>Seiko Club</h3>
  23.                 <div class="separator-gold"></div>
  24.                 <div class="club-package-info">
  25.                     {% if editmode %}
  26.                         {{ pimcore_wysiwyg("club-package-1", {
  27.                             "height": 200,
  28.                             "placeholder": "Szöveg",
  29.                             "class": "article-edit-box"
  30.                         }) }}
  31.                     {% else %}
  32.                         {{ pimcore_wysiwyg("club-package-1").render() | raw }}
  33.                     {% endif %}
  34.                 </div>
  35.                 {{ pimcore_link('link1', {
  36.                     'class': 'btn btn-secondary club-reg-button'
  37.                 }) }}
  38.             </div>
  39.             <div class="card club-package-info-card silver text-center">
  40.                 <img src="{{ asset('themes/frontend/images/club-silver.svg') }}" alt="Club">
  41.                 <h3>Seiko Club Silver</h3>
  42.                 <div class="separator-gold"></div>
  43.                 <div class="club-package-info">
  44.                     {% if editmode %}
  45.                         {{ pimcore_wysiwyg("club-package-2", {
  46.                             "height": 200,
  47.                             "placeholder": "Szöveg",
  48.                             "class": "article-edit-box"
  49.                         }) }}
  50.                     {% else %}
  51.                         {{ pimcore_wysiwyg("club-package-2").render() | raw }}
  52.                     {% endif %}
  53.                 </div>
  54.                 {{ pimcore_link('link2', {
  55.                     'class': 'btn btn-secondary club-reg-button'
  56.                 }) }}
  57.             </div>
  58.             <div class="card club-package-info-card gold text-center">
  59.                 <img src="{{ asset('themes/frontend/images/club-gold.svg') }}" alt="Club">
  60.                 <h3>Seiko Club Gold</h3>
  61.                 <div class="separator-gold"></div>
  62.                 <div class="club-package-info">
  63.                     {% if editmode %}
  64.                         {{ pimcore_wysiwyg("club-package-3", {
  65.                             "height": 200,
  66.                             "placeholder": "Szöveg",
  67.                             "class": "article-edit-box"
  68.                         }) }}
  69.                     {% else %}
  70.                         {{ pimcore_wysiwyg("club-package-3").render() | raw }}
  71.                     {% endif %}
  72.                 </div>
  73.                 {{ pimcore_link('link3', {
  74.                     'class': 'btn btn-secondary club-reg-button'
  75.                 }) }}
  76.             </div>
  77.             <div class="card club-package-info-card platinum text-center">
  78.                 <img src="{{ asset('themes/frontend/images/club-platina.svg') }}" alt="Club">
  79.                 <h3>Seiko Club Platinum</h3>
  80.                 <div class="separator-gold"></div>
  81.                 <div class="club-package-info">
  82.                     {% if editmode %}
  83.                         {{ pimcore_wysiwyg("club-package-4", {
  84.                             "height": 200,
  85.                             "placeholder": "Szöveg",
  86.                             "class": "article-edit-box"
  87.                         }) }}
  88.                     {% else %}
  89.                         {{ pimcore_wysiwyg("club-package-4").render() | raw }}
  90.                     {% endif %}
  91.                 </div>
  92.                 {{ pimcore_link('link4', {
  93.                     'class': 'btn btn-secondary club-reg-button'
  94.                 }) }}
  95.             </div>
  96.         </div>
  97.         <div class="row package-details-row">
  98.             <div class="col-12">
  99.                 <div class="collapse" id="collapseClubDescriptions">
  100.                     <div class="card card-body clubCollapse">
  101.                         <div id="accordion" class="moreInfo">
  102.                             <div class="card">
  103.                                 <div class="card-header" id="headingOne">
  104.                                     <h5 class="mb-0">
  105.                                         <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
  106.                                                 aria-expanded="true" aria-controls="collapseOne">
  107.                                             <img src="{{ asset('themes/frontend/images/club.svg') }}" alt="Seiko Club">
  108.                                             Seiko Club
  109.                                         </button>
  110.                                     </h5>
  111.                                 </div>
  112.                                 <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
  113.                                      data-parent="#accordion">
  114.                                     <div class="card-body">
  115.                                         {{ pimcore_wysiwyg('text1') }}
  116.                                     </div>
  117.                                 </div>
  118.                             </div>
  119.                             <div class="card">
  120.                                 <div class="card-header" id="headingTwo">
  121.                                     <h5 class="mb-0">
  122.                                         <button class="btn btn-link collapsed" data-toggle="collapse"
  123.                                                 data-target="#collapseTwo" aria-expanded="false"
  124.                                                 aria-controls="collapseTwo">
  125.                                             <img src="{{ asset('themes/frontend/images/club-silver.svg') }}" alt="">
  126.                                             Silver
  127.                                         </button>
  128.                                     </h5>
  129.                                 </div>
  130.                                 <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo"
  131.                                      data-parent="#accordion">
  132.                                     <div class="card-body">
  133.                                         {{ pimcore_wysiwyg('text2') }}
  134.                                     </div>
  135.                                 </div>
  136.                             </div>
  137.                             <div class="card">
  138.                                 <div class="card-header" id="headingThree">
  139.                                     <h5 class="mb-0">
  140.                                         <button class="btn btn-link collapsed" data-toggle="collapse"
  141.                                                 data-target="#collapseThree" aria-expanded="false"
  142.                                                 aria-controls="collapseThree">
  143.                                             <img src="{{ asset('themes/frontend/images/club-gold.svg') }}" alt=""> Gold
  144.                                         </button>
  145.                                     </h5>
  146.                                 </div>
  147.                                 <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
  148.                                      data-parent="#accordion">
  149.                                     <div class="card-body">
  150.                                         {{ pimcore_wysiwyg('text3') }}
  151.                                     </div>
  152.                                 </div>
  153.                             </div>
  154.                             <div class="card">
  155.                                 <div class="card-header" id="headingThree">
  156.                                     <h5 class="mb-0">
  157.                                         <button class="btn btn-link collapsed" data-toggle="collapse"
  158.                                                 data-target="#collapseFour" aria-expanded="false"
  159.                                                 aria-controls="collapseFour">
  160.                                             <img src="{{ asset('themes/frontend/images/club-platina.svg') }}" alt="">
  161.                                             Platinum
  162.                                         </button>
  163.                                     </h5>
  164.                                 </div>
  165.                                 <div id="collapseFour" class="collapse" aria-labelledby="headingThree"
  166.                                      data-parent="#accordion">
  167.                                     <div class="card-body">
  168.                                         {{ pimcore_wysiwyg('text4') }}
  169.                                     </div>
  170.                                 </div>
  171.                             </div>
  172.                         </div>
  173.                     </div>
  174.                 </div>
  175.             </div>
  176.         </div>
  177.         <div class="col-12 text-center pb-5">
  178.             <a title="" class="btn btn-primary details-btn" data-toggle="collapse" href="#collapseClubDescriptions"
  179.                role="button"
  180.                aria-expanded="false" aria-controls="collapseClubDescriptions">Részletek
  181.                 <i class="fas fa-chevron-down"></i>
  182.             </a>
  183.         </div>
  184.     </section>
  185. </div>