templates/modul/sepetim.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 %}Sepetim{% endblock %}
  4. {% block keywords %}{% endblock %}
  5. {% block description %}{% endblock %}
  7. {% block title2 %}Sepetim{% endblock %}
  8. {% block description2 %}{% endblock %}
  9. {% block image_alt %}Sepetim{% endblock %}
  10. {% block title3 %}Sepetim{% endblock %}
  11. {% block description3 %}{% 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 %}
  16.     {% include 'siteBase/breadcrumbs.html.twig' %}
  17.  
  18.   {#
  19. -- 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
  20. -- Kategori Verileri : "kategoriler" adında bir dizi döndürülüyor. Dizi elemanları : adi, resim, link
  21. ** Eğer kategoriler dizisi boş değilse icerikler boş gelecektir. Eğer boş ise içerikler dönecektir.
  22. ** 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')"
  24. ----------------------------------------------------
  25. #}
  27. <section class="container pt-2 pt-sm-3 pt-md-4 pt-lg-5 pb-5 my-xxl-3">
  28.     <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">Sepetim</h2>
  29.     {% if app.session.get('sepetim')|default([])|length==0 %}
  30.         <div class="alert alert-secondary">Sepetiniz boş.</div>
  31.     {% else %}
  32.             {% set tutar = 0 %}
  33.             {% for sKey,icerik in app.session.get('sepetim') %}
  34.                 {% set tutar = tutar + icerik.urun.fiyat %}
  36.             <div class="row g-0 mb-4" style="    border: 1px solid #ccc;
  37.             border-radius: 10px;">
  38.                 <div class="col-sm-4 col-md-3 rounded overflow-hidden pb-2 pb-sm-0 pe-sm-2">
  39.                     <a class="position-relative d-flex h-100 bg-body-tertiary" href="#!" >
  40.                         <img src="/storage/{{ icerik.urun.resimler|split(',')[0] }}" class="position-absolute top-0 start-0 w-100 h-100 object-fit-cover" alt="Image">
  41.                         <div class="ratio d-none d-sm-block" style="--fn-aspect-ratio: calc(130 / 240 * 100%)"></div>
  42.                         <div class="ratio ratio-16x9 d-sm-none"></div>
  43.                     </a>
  44.                 </div>
  45.                 <div class="col-sm-8 col-md-9 align-self-center">
  46.                     <div class="card-body d-flex justify-content-between p-3 py-sm-4 ps-sm-2 ps-md-3 pe-md-4 mt-n1 mt-sm-0">
  47.                         <div class="position-relative pe-3">
  48.                             <div class="d-flex flex-wrap align-items-center gap-2">
  49.                                 <div class="h5 me-1 mb-0">{{ icerik.urun.fiyat|number_format(2,',','.') }} ₺</div>
  50.                                 <div class="fs-sm text-decoration-line-through">{{ (icerik.urun.fiyat+500)|number_format(2,',','.') }} ₺</div>
  51.                             </div>
  52.                             <a class="stretched-link d-block fs-sm text-body text-decoration-none mb-2" href="#!">{{ icerik.urun.adi|html_entity_decode|raw }}</a>
  53.                             <div class="h6 fs-sm mb-0">
  54.                                 {% for key,data in icerik.urun.kisidenistenenalanlar|default('')|split(',') %}
  55.                                     {{ data|upper }}: {{ icerik['data_'~key] }},
  56.                                 {% endfor %}
  57.                             </div>
  58.                         </div>
  59.                         <div class="text-end">
  60.                             <div class="d-flex justify-content-end gap-2 mb-3">
  61.                                 <a href="/sepetSil/{{ sKey }}" class="btn btn-danger">Sil</a>
  63.                             </div>
  65.                         </div>
  66.                     </div>
  67.                 </div>
  68.             </div>
  71.             {% endfor %}
  73.             <div class="d-flex justify-content-end">
  74.                 <a class="btn btn-primary animate-shake" href="{{ path('site_sepetOdeme') }}">
  75.                     <i class="fi-money-check fs-base animate-target ms-n1 me-1 me-sm-2"></i>
  76.                     {{ tutar|number_format(2,',','.') }} ₺ Öde
  77.                 </a>
  78.             </div>
  80.     {% endif %}
  81. </section>
  85.                     {% endblock %}
  86. {% block javascripts %}{% endblock %}