관리-도구
편집 파일: 0359c093ee1272ec73e0778156d57b02.php
<?php $__env->startSection('content'); ?> <!-- End Header Section --> <div class="ak-height-100 ak-height-lg-40"></div> <!-- End Header Section --> <!-- Start common page title --> <div class="ak-height-125 ak-height-lg-80"></div> <div class="container"> <div class="common-page-title"> <h3 class="page-title">Products</h3> <div class="d-flex gap-2 align-items-center"> <p>Home /</p> <a href="/blog.html">Products</a> </div> </div> <div class="primary-color-border"></div> </div> <!-- End common page title --> <!-- Start Blog --> <div class="ak-height-50 ak-height-lg-50"></div> <div class="container"> <div class="row row-cols-1 row-cols-md-3 g-4"> <?php $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <!-- Card 1 --> <div class="col"> <div class="blog-card" data-aos="fade-up"> <a href=""> <div class="blog-header-info"> <img src="<?php echo e(asset('storage/' . $product->image)); ?>" alt="..."> </div> </a> </div> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> <!-- Add more cards as needed... they will auto-wrap after 3 in each row --> </div> <div class="ak-height-100 ak-height-lg-60"></div> </div> <style> .blog-header-info { height: 150px; /* Strict container height */ overflow: hidden; /* Prevent image from spilling out */ display: flex; justify-content: center; align-items: center; } .blog-header-info img { max-height: 100%; /* Make sure it doesn't exceed container */ width: auto; object-fit: contain; margin: 0; padding: 0; } </style> <!-- End Blog --> <div class="container"> <div class="ak-branded-alloys-section text-center"> <h4 class="title mb-4">Tyres</h4> <div class="row justify-content-center"> <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4"> <div class="alloy-card"> <img src="assets/img/t1.jpg" alt="Alloy 1" class="img-fluid alloy-img"> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4"> <div class="alloy-card"> <img src="assets/img/t2.jpg" alt="Alloy 2" class="img-fluid alloy-img"> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4"> <div class="alloy-card"> <img src="assets/img/t3.jpg" alt="Alloy 3" class="img-fluid alloy-img"> </div> </div> <div class="col-6 col-sm-4 col-md-3 col-lg-2 mb-4"> <div class="alloy-card"> <img src="assets/img/t4.jpg" alt="Alloy 4" class="img-fluid alloy-img"> </div> </div> </div> </div> </div> <style> .alloy-img { width: 100%; height: 150px; /* Adjust as needed */ object-fit: contain; border: 1px solid #ddd; padding: 10px; background-color: #fff; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); border-radius: 8px; } .alloy-name { font-size: 18px; font-weight: 500; color: #f7f2f2; } </style> <!-- Start Footer --> <?php echo $__env->make('layouts.apps', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\Users\D E L L\Downloads\_zamorinlighttheme\resources\views/frontend/products.blade.php ENDPATH**/ ?>