truncgit/citrus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: dynamically render partner logos from CMS in digital transformation product page

Browse Source
This commit is contained in:
Ümit Tunç
2026-06-01 23:15:54 +03:00
parent 0bdf0c3394
commit 7e2cd6eff4
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/front/products/dijital-donusum.blade.php
+17 -14
View File
@@ -110,28 +110,31 @@
</section> </section>
{{-- Section 2: Clients --}} {{-- Section 2: Clients --}}
@php
$partnersPage = \App\Models\Page::where('slug', 'cozum-ortaklari')->first();
$partners = [];
if ($partnersPage && !empty($partnersPage->data['partners'])) {
$partners = array_slice($partnersPage->data['partners'], 0, 5);
}
@endphp
@if(!empty($partners))
<section class="wrapper !bg-[#ffffff]"> <section class="wrapper !bg-[#ffffff]">
<div class="container py-8 border-b"> <div class="container py-8 border-b">
<h2 class="!text-[.75rem] !leading-[1.35] font-bold [word-spacing:0.1rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !text-center !mb-6">BİRLİKTE BAŞARDIK & GÜVENİLİR ÇÖZÜM ORTAKLARI</h2> <h2 class="!text-[.75rem] !leading-[1.35] font-bold [word-spacing:0.1rem] !tracking-[0.02rem] uppercase !text-[#aab0bc] !text-center !mb-6">BİRLİKTE BAŞARDIK & GÜVENİLİR ÇÖZÜM ORTAKLARI</h2>
<div class="flex flex-wrap mx-0 md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-20px] justify-center items-center opacity-70"> <div class="flex flex-wrap mx-0 md:mx-[-20px] lg:mx-[-20px] xl:mx-[-35px] !mt-[-20px] justify-center items-center opacity-70">
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full"> @foreach($partners as $partner)
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c1.png') }}" alt="Client 1"></figure> <div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full text-center">
</div> <a href="{{ $partner['url'] ?? '#' }}" target="_blank" title="{{ $partner['name'] ?? '' }}">
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full"> <figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4" style="height: 75px; display: flex; align-items: center; justify-content: center;">
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c2.png') }}" alt="Client 2"></figure> <img src="{{ asset('storage/' . $partner['logo']) }}" alt="{{ $partner['name'] ?? '' }}" style="max-height: 68px; width: auto; object-fit: contain;">
</div> </figure>
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full"> </a>
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c3.png') }}" alt="Client 3"></figure>
</div>
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c4.png') }}" alt="Client 4"></figure>
</div>
<div class="w-4/12 xl:w-2/12 lg:w-2/12 md:w-2/12 flex-[0_0_auto] xl:!px-[35px] lg:!px-[20px] md:!px-[20px] !mt-[20px] max-w-full">
<figure class="px-5 md:!px-0 lg:!px-2 xl:!px-3 xxl:!px-4"><img src="{{ asset('assets/img/brands/c5.png') }}" alt="Client 5"></figure>
</div> </div>
@endforeach
</div> </div>
</div> </div>
</section> </section>
@endif
{{-- Section 3: Value Pillars & Interactive Tabs --}} {{-- Section 3: Value Pillars & Interactive Tabs --}}
<section class="wrapper !bg-[#ffffff]" id="neler-apiyoruz"> <section class="wrapper !bg-[#ffffff]" id="neler-apiyoruz">