#php #arrays #laravel #loops #foreach
#php #массивы #laravel #циклы #foreach
Вопрос:
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0 banner-bottom">
<a href="{!! URL::to('product-list/8/women') !!}" class="banner-container">
<img src="{{ asset('frontend/img/women.jpg') }}" alt="" class="img-fluid" >
</a>
</div>
<div class="media-banner mb-3 mb-lg-0 banner-bottom">
<a href="{!! URL::to('product-list/10/girls') !!}" class="banner-container">
<img src="{{ asset('frontend/img/girls.jpg') }}" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0">
<a href="{!! URL::to('product-list/9/men') !!}" class="banner-container">
<img src="{{ asset('frontend/img/men.jpg') }}" alt="" class="img-fluid" >
</a>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0 banner-top">
<a href="{!! URL::to('product-list/11/boys') !!}" class="banner-container">
<img src="{{ asset('frontend/img/boys.jpg') }}" alt="" class="img-fluid">
</a>
</div>
<div class="media-banner mb-3 mb-lg-0 banner-top">
<a href="{!! URL::to('product-list/12/hijab') !!}" class="banner-container">
<img src="{{ asset('frontend/img/b.jpg') }}" alt="" class="img-fluid">
</a>
</div>
</div>
Вот пример HTML, который мне нужно сделать динамическим
для первых 2 элементов, для 3-го элемента существует класс col-MD-4 только для класса col-MD-4, а для 4-го и 5-го элементов — другой класс col-MD-4
Я пытался решить эту проблему, и мой код
@php $slno = 1; @endphp
@foreach($categories as $n)
@php $key = strtolower(preg_replace("/[^a-zA-Z0-9] /", "-", $n->name)) @endphp
@if($slno!=3)
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0 @if($slno == 1 || $slno == 2){{ 'banner-bottom' }} @elseif($slno == 3 || $slno == 4){{ 'banner-top' }}@endif">
<a href="{!! URL::to('product-list/'.$n->id.'/'.$key) !!}" class="banner-container">
<img src="{{ asset('categories/'.$n->image) }}" alt="" class="img-fluid" >
</a>
</div>
</div>
@else
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0">
<a href="{!! URL::to('product-list/'.$n->id.'/'.$key) !!}" class="banner-container">
<img src="{{ asset('categories/'.$n->image) }}" alt="" class="img-fluid" >
</a>
</div>
</div>
@endif
@php $slno ; @endphp
@endforeach
Но, конечно, я ошибаюсь.
Комментарии:
1. вы пробовали table ?? чтобы получить этот дизайн?
2. измените условие if следующим образом и попробуйте @if($slno!==3)
3. Этот col-md 4 с классом div вызывается каждый раз.
Ответ №1:
этот код может вам помочь, следуйте следующим инструкциям
for ($i=1; $i <= 5; $i ) {
echo $i;
if($i == 1 || $i == 2){
if($i == 1){
echo "col-md-4";
}
echo "Bottom";echo "<br>";
if($i == 2){
echo "col-md-4 close tag";
}
}else if($i == 4 || $i == 5){
if($i == 4){
echo "col-md-4";
}
echo "Top";echo "<br>";
if($i == 5){
echo "col-md-4 close tag";
}
}else{
echo "Center";echo "<br>";
}
}
Комментарии:
1. проблема заключается в классе col md-4 с div, который также вызывается при каждом выполнении
2. @Bittu изменил ответ выше, если 5 значений, все в порядке. Более 5 или динамических необходимо найти другое решение
Ответ №2:
Этот код может работать
//Enter your code here, enjoy!
$de_chunked = [1, 2, 3, 4, 5, 6, 7, 8, 9 , 10 , 11 , 12, 13, 14];
$d = array_chunk($de_chunked,3);
foreach($d as $k => $val)
{
$i = 1;
foreach($val as $ke => $vals)
if($i == 3)
{
echo 'Yes ';
}else{
echo "No ";
}
}
Это результат: Нет Нет Да Нет Нет Да Нет Нет Да Нет Нет Да нет Нет Да нет Нет