templates/modul/paketler_kategori.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 %}{{ kategori.title }}{% endblock %}
  4. {% block keywords %}{{ kategori.keywords|default('') }}{% endblock %}
  5. {% block description %}{{ kategori.description|default('') }}{% endblock %}
  7. {% block title2 %}{{ kategori.title }}{% endblock %}
  8. {% block description2 %}{{ kategori.description|default('') }}{% endblock %}
  9. {% block image_alt %}{{ kategori.title }}{% endblock %}
  10. {% block title3 %}{{ kategori.title }}{% endblock %}
  11. {% block description3 %}{{ kategori.description|default('') }}{% endblock %}
  12. {% block image %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ kategori.resim|default('logo.webp') }}{% endblock %}
  13. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/' }}{{ kategori.resim|default('logo.webp') }}{% endblock %}
  14. {% block body %}
  15.     {% set oncekiKategoriler = kategori.ustid|site_kategoriGeriLi(app.session.get('dil')['id'])|split('~') %}
  17.     {% include 'siteBase/breadcrumbs.html.twig' %}
  18.  
  19.   {#
  20. -- Sayfa Verileri : "icerikler" adında bir dizi döndürülüyor. Dizi elemanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler, fiyat, kişidenistenenalanlar, link
  21. -- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
  22. ** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
  23. ** 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')"
  25. ----------------------------------------------------
  26. #}
  27.     {% if kategoriler|length>0 %}
  29.         <section class="container pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-5 my-xxl-3">
  30.             <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" style="max-width: 525px">{{ kategori.adi }}</h2>
  31.             <div class="row">
  32.                 {% for icerik in kategoriler %}
  35.                     <div class="col-md-4 mb-2">
  36.                         <a href="{{ icerik.link }}" class="text-decoration-none">
  37.                             <div class="card">
  39.                                 <div class="hover-effect-scale hover-effect-opacity card-img-top position-relative overflow-hidden">
  41.                                     <div class="ratio hover-effect-target" style="--fn-aspect-ratio: calc(300 / 416 * 100%)">
  42.                                         {{ icerik.resim|default('resimyok.webp')|imgOlustur('',0,'cover')|raw }}
  43.                                     </div>
  44.                                 </div>
  46.                                 <div class="card-body">
  47.                                     <h5 class="card-title">{{ icerik.adi|html_entity_decode|raw }}</h5>
  48.                                 </div>
  49.                             </div>
  50.                         </a>
  52.                     </div>
  53.                 {% endfor %}
  55.             </div>
  56.         </section>
  57.     {% else %}
  58.             <section class="container pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-5 my-xxl-3">
  59.                 <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" style="max-width: 525px">{{ kategori.adi }}</h2>
  60.                 <div class="row row-cols-1 row-cols-lg-2 g-4">
  62.                     {% for icerik in icerikler %}
  64.                     <!-- Listing -->
  65.                     <div class="col">
  66.                         <article class="card h-100 border-0 z-1">
  67.                             <div class="card-body position-relative d-flex">
  68.                                 <div class="flex-shrink-0">
  69.                                     <div class="d-md-none" style="width: 48px"></div>
  70.                                     <div class="d-none d-sm-block d-xl-none" style="width: 100px"></div>
  71.                                     <div class="d-none d-xl-block" style="width: 150px"></div>
  72.                                     <div class="ratio" style="--fn-aspect-ratio: calc(190 / 150 * 100%)">
  73.                                         {{ icerik.resimler|split(',')[0]|imgOlustur('',0,'cover')|raw }}
  74.                                     </div>
  75.                                 </div>
  76.                                 <div class="w-100 ps-sm-4">
  77.                                     <div class="d-flex flex-wrap align-items-center justify-content-between ms-3 ms-sm-0 mb-2">
  78.                                         <h3 class="h5 me-2 mb-0">
  79.                                             <a class="hover-effect-underline stretched-link" href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a>
  80.                                         </h3>
  81.                                     </div>
  82.                                     <ul class="list-unstyled flex-row flex-wrap align-items-center gap-3 pt-3 ms-n5 ms-sm-0 mb-3">
  83.                                         <li class="badge text-bg-info d-inline-flex align-items-center me-n1">
  84.                                             Popüler
  85.                                             <i class="fi-star ms-1"></i>
  86.                                         </li>
  88.                                     </ul>
  89.                                     <p class="fs-sm ms-n5 ms-sm-0">{{ icerik.metin|html_entity_decode|striptags|slice(0,150)|raw }}...</p>
  91.                                 </div>
  92.                             </div>
  93.                             <div class="card-footer bg-transparent border-0 pt-0 p-4">
  94.                                 <hr class="m-0 mb-4">
  95.                                 <div class="d-flex flex-column flex-sm-row align-items-sm-center justify-content-between gap-3">
  96.                                     <div class="d-flex flex-wrap align-items-center gap-2">
  97.                                         <div class="h5 me-1 mb-0">{{ icerik.fiyat|number_format(2,',','.') }} ₺</div>
  98.                                         <div class="fs-sm text-decoration-line-through">{{ (icerik.fiyat+500)|number_format(2,',','.') }} ₺</div>
  99.                                     </div>
  100.                                     <a href="{{ icerik.link }}" type="button" class="btn btn-outline-primary">
  101.                                        İncele
  102.                                     </a>
  103.                                 </div>
  104.                             </div>
  105.                             <span class="position-absolute top-0 start-0 w-100 h-100 bg-white rounded shadow z-n1 d-none-dark"></span>
  106.                             <span class="position-absolute top-0 start-0 w-100 h-100 bg-body-tertiary rounded z-n1 d-none d-block-dark"></span>
  107.                         </article>
  108.                     </div>
  110.                     {% endfor %}
  113.                 </div>
  114.             </section>
  117.         {% endif %}
  118.                     {% endblock %}
  119. {% block javascripts %}{% endblock %}