Как пробросить товар в popup?

Чтобы пробросить товар в popup в Laravel, вам понадобится создать веб-страницу, на которой будет отображаться информация о товаре, и настроить взаимодействие между этой страницей и popup окном.

Вот пошаговое руководство о том, как это можно сделать:

1. Создайте маршрут и контроллер для страницы, на которой будет отображаться информация о товаре. Например, вы можете создать маршрут /product/{id} и метод show в контроллере ProductController, который будет принимать id товара в качестве параметра.

Route::get('/product/{id}', 'ProductController@show');

2. В методе show контроллера ProductController получите данные о товаре из базы данных (или из другого источника данных), используя переданный id. Затем верните представление с данными о товаре.

public function show($id)
{
    $product = Product::find($id);
    return view('product.show', ['product' => $product]);
}

3. Создайте представление resources/views/product/show.blade.php, в котором будет отображаться информация о товаре. Например, вы можете использовать Bootstrap для создания модального окна popup.

<!-- Кнопка, которая открывает popup окно -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#productModal">
    Подробнее
</button>

<!-- Popup окно -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog" aria-labelledby="productModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="productModalLabel">{{ $product->name }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </div>
            <div class="modal-body">
                <p>{{ $product->description }}</p>
                <p>Цена: {{ $product->price }}</p>
                <!-- Другая информация о товаре -->
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
            </div>
        </div>
    </div>
</div>

4. Теперь, когда пользователь нажимает на кнопку "Подробнее", открывается popup окно с информацией о товаре.

Это только основная концепция. Если вам нужно дополнительное функциональность, например, добавить товар в корзину или отобразить дополнительные изображения товара в popup окне, вам придется добавить соответствующий код. Но основной принцип остается тем же - создать страницу с информацией о товаре и отображать ее в popup окне при нажатии на кнопку или ссылку.