templates/modul/paketler_ic.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  3. {% block title %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  4. {% block keywords %}{{ icerik.anahtarkelimeler|html_entity_decode|raw }}{% endblock %}
  5. {% block description %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
  6. {% block title2 %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  7. {% block description2 %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
  8. {% block image_alt %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  9. {% block title3 %}{{ icerik.sayfabasligi|html_entity_decode|raw }}{% endblock %}
  10. {% block description3 %}{{ icerik.sayfaaciklamasi|html_entity_decode|raw }}{% endblock %}
  11. {% block image %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ resimler[0]|default(icerik.resim|default('logo.webp')) }}{% endblock %}
  12. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ resimler[0]|default(icerik.resim|default('logo.webp')) }}{% endblock %}
  13.     {% block body %}
  14.     {% include 'siteBase/breadcrumbs.html.twig' %}
  15.   {#
  16. -- Sayfa Verileri : "icerik" adında bir dizi döndürülüyor. Dizi elemanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler, fiyat, kişidenistenenalanlar, link
  17. -- Büyük resim için : <div class="row">{% for resim in icerik.resimler|split(",") %}{% if resim|default("")!="" %}<div class="col-md-6 mb-3"><a href="/storage/{{ resim }}" data-fancybox="gallery">{{ resim|imgOlustur(300,10)|raw }}</a></div>{% endif %} {% endfor %}</div> yazmanız yeterli olcaktır.
  18. -- Sol veya Sağ menüler için : "solMenuler" adında bir dizi döndürülüyor. Dizi elemanları : adi, link, resim
  19. -- İletişim bilgileri için : {{ 'alan'|site_iletisimBilgileri|raw }} kullanın. Ör: {{ 'telefon'|site_iletisimBilgileri|raw }}
  20. ** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
  22. ----------------------------------------------------
  23. #}
  25.         <section class="container pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-5 my-xxl-3">
  26.             <h2 class="h1 pt-1 pt-sm-2 pt-lg-0 pb-md-2 pb-lg-3 pb-xl-0 mb-sm-4 mb-xl-5" >{{ icerik.adi|html_entity_decode|raw }}</h2>
  27.             <div class="row pb-2 pb-sm-3 pb-md-4 pb-lg-5">
  29.                 <!-- Doctor information + Reviews -->
  30.                 <div class="col-lg-8">
  32.                     <!-- Doctor information -->
  33.                     <div class="position-relative p-4 mb-4">
  34.                         <div class="position-relative z-1 p-xl-2">
  35.                             <div class="swiper hover-effect-opacity" data-swiper='{
  36.                           "spaceBetween": 20,
  37.                           "pagination": {
  38.                             "el": ".swiper-pagination",
  39.                             "type": "fraction"
  40.                           },
  41.                           "navigation": {
  42.                             "prevEl": ".btn-prev",
  43.                             "nextEl": ".btn-next"
  44.                           }
  45.                         }'>
  46.                                 <div class="swiper-wrapper">
  47.                                     {% for key,resim in icerik.resimler|split(',') %}
  48.                                         {% if resim|default('')!='' %}
  49.                                     <div class="swiper-slide">
  50.                                         <div class="ratio ratio-16x9 bg-body-tertiary">
  51.                                             <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center display-4">
  52.                                                 {{ resim|imgOlustur('',0,'cover')|raw }}
  53.                                             </div>
  54.                                         </div>
  55.                                     </div>
  57.                                     {% endif %}
  58.                                     {% endfor %}
  59.                                 </div>
  60.                                 <div class="position-absolute top-50 start-0 z-2 translate-middle-y ms-3 hover-effect-target opacity-0">
  61.                                     <button type="button" class="btn btn-prev btn-icon btn-outline-secondary rounded-circle animate-slide-start" aria-label="Prev">
  62.                                         <i class="fi-chevron-left fs-lg animate-target"></i>
  63.                                     </button>
  64.                                 </div>
  65.                                 <div class="position-absolute top-50 end-0 z-2 translate-middle-y me-3 hover-effect-target opacity-0">
  66.                                     <button type="button" class="btn btn-next btn-icon btn-outline-secondary rounded-circle animate-slide-end" aria-label="Next">
  67.                                         <i class="fi-chevron-right fs-lg animate-target"></i>
  68.                                     </button>
  69.                                 </div>
  70.                                 <div class="swiper-pagination text-body-secondary fs-6 opacity-50 fw-semibold mb-2"></div>
  71.                             </div>
  77.                             <p class="fs-sm mb-0 mt-5">
  78.                                 {{ icerik.metin|html_entity_decode|raw }}
  79.                             </p>
  81.                         </div>
  82.                         <span class="position-absolute top-0 start-0 w-100 h-100 bg-white rounded shadow d-none-dark"></span>
  83.                         <span class="position-absolute top-0 start-0 w-100 h-100 bg-body-tertiary rounded d-none d-block-dark"></span>
  84.                     </div>
  87.                     <!-- Reviews -->
  89.                 </div>
  92.                 <!-- Sidebar with appointment booking form that turns into offcanvas on screens < 992px wide (lg breakpoint) -->
  93.                 <div class="col-lg-4" >
  96.                     <div class="card border-0 shadow sepetUrun">
  97.                         <div class="card-body">
  98.                             <form action="{{ path('site_sepeteEkle') }}" method="post">
  99.                                 <input type="hidden" value="{{ icerik|json_encode|base64_encode }}" name="urun">
  100.                                 <h5 class="card-title">Hemen Satın Al</h5>
  101.                                 <div>
  102.                                     <div class="d-flex flex-wrap align-items-center gap-2 mb-3">
  103.                                         <div class="h5 me-1 mb-0">{{ icerik.fiyat|number_format(2,',','.') }} ₺</div>
  104.                                         <div class="fs-sm text-decoration-line-through">{{ (icerik.fiyat+500)|number_format(2,',','.') }} ₺</div>
  105.                                     </div>
  106.                                     {% if icerik['kisidenistenenalanlar']|default('')!='' %}
  107.                                         {% for key,data in icerik['kisidenistenenalanlar']|default('')|split(',') %}
  108.                                             <div class="form-floating mb-3">
  109.                                                 <input class="form-control data_{{ key }}" name="data_{{ key }}" type="text" id="fl-text_{{ key }}" placeholder="{{ data|upper }} *" required>
  110.                                                 <label for="fl-text_{{ key }}">{{ data|upper }} *</label>
  111.                                             </div>
  112.                                         {% endfor %}
  113.                                     {% endif %}
  114.                                 </div>
  115.                                 <div class="hata"></div>
  116.                                 <button type="submit" class="btn btn-primary animate-shake">
  117.                                     <i class="fi-plus fs-base animate-target ms-n1 me-1 me-sm-2"></i>
  118.                                     Sepete Ekle
  119.                                 </button>
  120.                             </form>
  121.                         </div>
  122.                     </div>
  125.                 </div>
  126.             </div>
  127.         </section>
  129.                     
  130.     {% endblock %}
  131. {% block javascripts %}
  134. {% endblock %}