Friday, November 1, 2024 3:00:08 AM
@Html.Widget("productdetails_before_one_picture", Model.Id)
....
@Html.Widget("productdetails_after_one_picture", Model.Id)
<div class="picture">
@Html.Widget("productdetails_before_one_picture", Model.Id)
@if (Model.DefaultPictureZoomEnabled)
{
<a href="@Model.DefaultPictureModel.FullSizeImageUrl" title="@Model.DefaultPictureModel.Title" id="main-product-img-lightbox-anchor-@Model.Id">
<img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
</a>
<script type="text/javascript">
$(document).ready(function () {
$('#main-product-img-lightbox-anchor-@Model.Id').magnificPopup(
{
type: 'image',
removalDelay: 300,
gallery: {
enabled: true,
tPrev: '@T("Media.MagnificPopup.Previous")',
tNext: '@T("Media.MagnificPopup.Next")',
tCounter: '@T("Media.MagnificPopup.Counter")'
},
tClose: '@T("Media.MagnificPopup.Close")',
tLoading: '@T("Media.MagnificPopup.Loading")'
});
});
</script>
}
else
{
<img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" itemprop="image" id="main-product-img-@Model.Id" />
}
@Html.Widget("productdetails_after_one_picture", Model.Id)
</div>