Header Ads

Header ADS

Laravel product gallery image display only one time main image if gallery image does not exists

 


                            @php
                            $mainImageUsed = false; // Flag to track if main image has been used
                            @endphp

                            <div class="">
                                @if($product->prod_gal_img_one)
                                    <img class="ezytor-border-radius-12"
                                        src="{{ asset('uploads/product-gallery/' . $product->prod_gal_img_one) }}"
                                        alt="Gallery Image"
                                        style="width:90px; height:90px;">
                                @else
                                    @if(!$mainImageUsed)
                                        <img class="ezytor-border-radius-12"
                                            src="{{ asset('images/' . $product->product_thumbnail) }}"
                                            alt="Main Product Image"
                                            style="width:90px; height:90px;">
                                        @php $mainImageUsed = true; @endphp
                                    @else
                                        <!-- Leave blank or use a default placeholder -->
                                        <span style="width:90px; height:90px;"></span>
                                    @endif
                                @endif
                            </div>

                            <div class="">
                                @if($product->prod_gal_img_two)
                                    <img class="ezytor-border-radius-12"
                                        src="{{ asset('uploads/product-gallery/' . $product->prod_gal_img_two) }}"
                                        alt="Gallery Image"
                                        style="width:90px; height:90px;">
                                @else
                                    @if(!$mainImageUsed)
                                        <img class="ezytor-border-radius-12"
                                            src="{{ asset('images/' . $product->product_thumbnail) }}"
                                            alt="Main Product Image"
                                            style="width:90px; height:90px;">
                                        @php $mainImageUsed = true; @endphp
                                    @else
                                        <!-- Leave blank or use a default placeholder -->
                                        <span style="width:90px; height:90px;"></span>
                                    @endif
                                @endif
                            </div>

                            <div class="">
                                @if($product->prod_gal_img_three)
                                    <img class="ezytor-border-radius-12"
                                        src="{{ asset('uploads/product-gallery/' . $product->prod_gal_img_three) }}"
                                        alt="Gallery Image"
                                        style="width:90px; height:90px;">
                                @else
                                    @if(!$mainImageUsed)
                                        <img class="ezytor-border-radius-12"
                                            src="{{ asset('images/' . $product->product_thumbnail) }}"
                                            alt="Main Product Image"
                                            style="width:90px; height:90px;">
                                        @php $mainImageUsed = true; @endphp
                                    @else
                                        <!-- Leave blank or use a default placeholder -->
                                        <span style="width:90px; height:90px;"></span>
                                    @endif
                                @endif
                            </div>

                            <div class="">
                                @if($product->prod_gal_img_four)
                                    <img class="ezytor-border-radius-12"
                                        src="{{ asset('uploads/product-gallery/' . $product->prod_gal_img_four) }}"
                                        alt="Gallery Image"
                                        style="width:90px; height:90px;">
                                @else
                                    @if(!$mainImageUsed)
                                        <img class="ezytor-border-radius-12"
                                            src="{{ asset('images/' . $product->product_thumbnail) }}"
                                            alt="Main Product Image"
                                            style="width:90px; height:90px;">
                                        @php $mainImageUsed = true; @endphp
                                    @else
                                        <!-- Leave blank or use a default placeholder -->
                                        <span style="width:90px; height:90px;"></span>
                                    @endif
                                @endif
                            </div>

No comments

Theme images by fpm. Powered by Blogger.