Как передать товар в модальное окно?

Question

[Arsen123]

Добрый день! Подскажите, как передать выбранный товар из цикла в модальное окно?

<div class="catalog__list">
                    @foreach($category->products as $product)
                        <div class="catalog__item js-modal" data-modal="modal-product">
                            <div class="catalog__item-image">
                                <img src="{{'storage/' . $product->image}}" alt="pizza">
                            </div>
                            <h4 class="catalog__item-name">{{$product->name}}</h4>
                            <p class="catalog__item-desc">{{$product->description}}</p>
                            <div class="catalog__item-bottom">
                                <p class="catalog__item-cost">{{$product->price}} ₽ </p>
                                <button class="btn">Выбрать</button>
                                <button class="plus">
                                    <svg>
                                        <use xlink:href="{{asset('assets/images/sprite.svg#add')}}"></use>
                                    </svg>
                                </button>
                            </div>
                        </div>
                    @endforeach
                </div>

$('.js-modal').on('click', function(e) {
		e.preventDefault();
		var id = $(this).data('modal');
		$.fancybox.open({
			src: '#' + id,
			type: 'inline',
		})
	});

Answer 1

[ThunderCat]

Читайте документацию. Там все есть. Смотрите раздел аякса:

$("#button").click(function() {
...
    $.fancybox.open({
        href: "/ajax.php",
        type: "ajax",
        ajax: {
            type: "POST",
            data: {
                id: some_id
            }
        }
    });
});

Comments

[Arsen123]

Без аякса может есть варианты. Не могу никак справится