Profile: nirmaljoseph
User posts
For _ProductDetailspictures.cshtml
@model ProductDetailsModel
@using Nop.Web.Models.Catalog;
@{
Html.AddScriptParts(@Url.Content("~/Scripts/slimbox2.js"));
int productPerRow = 6;
}
<div class="picture">
@if (Model.DefaultPictureZoomEnabled)
{
<a href="@Model.DefaultPictureModel.FullSizeImageUrl" data-gallery="lightbox-pd" title="@Model.Name">
<div id="lbimage" style="display:block;" ><img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" height="250"width="500"/></div>
</a>
}
else
{
<img alt="@Model.DefaultPictureModel.AlternateText" src="@Model.DefaultPictureModel.ImageUrl" title="@Model.DefaultPictureModel.Title" height="250"width="500"/>
}
@if (Model.PictureModels.Count > 1)
{
<table class="picture-thumbs">
@for (int i = 0; i < Model.PictureModels.Count; i++)
{
var picture = Model.PictureModels[i];
if (i % productPerRow == 0)
{
@Html.Raw("<tr>")
}
<td class="a-left subImagePDetails">
<a href="@picture.FullSizeImageUrl" data-gallery="lightbox-p" title="@Model.Name">
<img src="@picture.ImageUrl" alt="@picture.AlternateText" title="@picture.Title" />
</a>
</td>
if ((i % productPerRow == (productPerRow - 1)) ||
//last image
(i == (Model.PictureModels.Count - 1)))
{
@Html.Raw("</tr>")
}
}
</table>
}
</div>
For _ProductVariantLine.cshtml
@model ProductDetailsModel.ProductVariantModel
@using Nop.Web.Models.Catalog;
<div class="product-variant-line">
@if (!String.IsNullOrWhiteSpace(Model.PictureModel.ImageUrl))
{
<div class="variant-picture">
<img alt="@Model.PictureModel.AlternateText" src="@Model.PictureModel.ImageUrl"
title="@Model.PictureModel.Title" />
</div>
}
@if (!String.IsNullOrWhiteSpace(Model.Name))
{
<div class="variant-name">
@Model.Name
</div>
}
@if (!String.IsNullOrWhiteSpace(Model.Description))
{
<div class="variant-description">
@Html.Raw(Model.Description)
</div>
}
@Html.Partial("_DownloadSample", Model)
<div class="clear">
</div>
@Html.Action("ProductTierPrices", "Catalog", new { productVariantId = Model.Id })
<div class="clear">
</div>
@{
var dataDictAttributes = new ViewDataDictionary();
dataDictAttributes.TemplateInfo.HtmlFieldPrefix = string.Format("attributes_{0}", Model.Id);
@Html.Partial("_ProductAttributes", Model.ProductVariantAttributes, dataDictAttributes)
}
<div class="clear">
</div>
<!--product SKU, manufacturer part number, stock info-->
@Html.Partial("_ProductVariant_SKU_Man_Stock", Model)
<div class="clear">
</div>
<!--Back in stock subscription-->
@Html.Partial("_ProductVariantBackInStockSubscription", Model)
<div class="clear">
</div>
@{
var dataDictGiftCard = new ViewDataDictionary();
dataDictGiftCard.TemplateInfo.HtmlFieldPrefix = string.Format("giftcard_{0}", Model.Id);
@Html.Partial("_GiftCardInfo", Model.GiftCard, dataDictGiftCard)
}
<div class="clear">
</div>
@{
var dataDictPrice = new ViewDataDictionary();
dataDictPrice.TemplateInfo.HtmlFieldPrefix = string.Format("price_{0}", Model.Id);
@Html.Partial("_ProductVariantPrice", Model.ProductVariantPrice, dataDictPrice)
}
@{
var dataDictAddToCart = new ViewDataDictionary();
dataDictAddToCart.TemplateInfo.HtmlFieldPrefix = string.Format("addtocart_{0}", Model.Id);
@Html.Partial("_ProductVariantAddToCart", Model.AddToCart, dataDictAddToCart)
}
</div>
Im using nopcommerce 2.65...I cant understand but my cloud zoom just dont seem to work now. I have customized my page and had done manual integrtaion ..but now it doesnt seem to work.. please help me with this..I am posting the code for the various pages related here..
For ProductTemplates.VariantsInGrid:
@model ProductDetailsModel
@using Nop.Core;
@using Nop.Core.Domain.Common;
@using Nop.Core.Infrastructure;
@using Nop.Web;
@using Nop.Web.Models.Catalog;
@{
Layout = "~/Views/Shared/_ColumnsOne.cshtml";
//title, meta
Html.AddTitleParts(!String.IsNullOrEmpty(Model.MetaTitle) ? Model.MetaTitle : Model.Name);
Html.AddMetaDescriptionParts(Model.MetaDescription);
Html.AddMetaKeywordParts(Model.MetaKeywords);
var canonicalUrlsEnabled = EngineContext.Current.Resolve<SeoSettings>().CanonicalUrlsEnabled;
if (canonicalUrlsEnabled)
{
var productUrl = Url.RouteUrl("Product", new { productId = Model.Id, SeName = Model.SeName }, this.Request.Url.Scheme);
Html.AddCanonicalUrlParts(productUrl);
}
}
<!--product breadcrumb-->
@Html.Action("ProductBreadcrumb", "Catalog", new { productId = Model.Id })
<div class="clear">
</div>
<div class="page product-details-page">
<div class="page-body">
@Html.Widget("productdetails_top")
@using (Html.BeginRouteForm("Product", new { productId = Model.Id, SeName = Model.SeName }, FormMethod.Post, new { id = "product-details-form" }))
{
<div class="productDetailLeft">
<div class="product-essential">
@Html.Widget("productdetails_before_pictures")
<!--product pictures-->
<!-- cloud zoom enabling-->
@* @Html.Partial("_ProductDetailsPictures", Model)*@
@Html.Action("CloudZoom", "CloudZoom", Model)
<!-- cloud zoom enabling -->
@Html.Widget("productdetails_after_pictures")
</div>
@* @Html.RenderPartial("RelatedProducts", "Catalog", new { productId = Model.Id })*@
@{Html.RenderPartial("_ProductVariantImages", Model.ProductVariantModels);
}
<div class="full-description">
@Html.Raw(Model.FullDescription)
</div>
</div>
<div class="productDetailRight">
<div class="overview">
<div id="cloudZoomWindowElement" style="position: absolute"></div>
@* putting brand image here*@
<a href="@Model.YourCategoryPictureModel.FullSizeImageUrl" >
<div ><img alt="@Model.YourCategoryPictureModel.AlternateText" width="100" src="@Model.YourCategoryPictureModel.ImageUrl" title="@Model.YourCategoryPictureModel.Title" /></div>
</a>
<h1 class="product-name">
@Model.Name
</h1>
<div class="short-description">
@Html.Raw(Model.ShortDescription)
</div>
<div class="clear">
</div>
@Html.Widget("productdetails_overview_top")
<!--product manufacturers-->
@Html.Action("ProductManufacturers", "Catalog", new { productId = Model.Id })
<div class="clear">
</div>
<!--product reviews-->
@Html.Action("ProductReviewOverview", "Catalog", new { productId = Model.Id })
<div class="clear">
</div>
<div id="featureMenu1">
<a href="/t/BuyOneGiveOne" title="Мы профи по солнцезащитным очкам">
<div class="buy_one_give_one"> </div>
As i did customization i couldn't place it under the exact classes as in the manual..
installed zoom..but why is that what ever i do int he setting it looks the same.The product image gets added to the main product image area.but i cannot zoom there..I tried with higher resolution images too but still the same effect..I am using a custmoized gheme.So i did like it was given in manual for customized theme.. the below is the code in ProductTemplate.VarientsInGrid.cshtml...
I have marked the area where i customized as <!-- cloud zoom enabling -->
@model ProductDetailsModel
@using Nop.Core;
@using Nop.Core.Domain.Common;
@using Nop.Core.Infrastructure;
@using Nop.Web;
@using Nop.Web.Models.Catalog;
@{
Layout = "~/Views/Shared/_ColumnsOne.cshtml";
//title, meta
Html.AddTitleParts(!String.IsNullOrEmpty(Model.MetaTitle) ? Model.MetaTitle : Model.Name);
Html.AddMetaDescriptionParts(Model.MetaDescription);
Html.AddMetaKeywordParts(Model.MetaKeywords);
var canonicalUrlsEnabled = EngineContext.Current.Resolve<SeoSettings>().CanonicalUrlsEnabled;
if (canonicalUrlsEnabled)
{
var productUrl = Url.RouteUrl("Product", new { productId = Model.Id, SeName = Model.SeName }, this.Request.Url.Scheme);
Html.AddCanonicalUrlParts(productUrl);
}
}
<!--product breadcrumb-->
@Html.Action("ProductBreadcrumb", "Catalog", new { productId = Model.Id })
<div class="clear">
</div>
<div class="page product-details-page">
<div class="page-body">
@Html.Widget("productdetails_top")
@using (Html.BeginRouteForm("Product", new { productId = Model.Id, SeName = Model.SeName }, FormMethod.Post, new { id = "product-details-form" }))
{
<div class="productDetailLeft">
<div class="product-essential">
@Html.Widget("productdetails_before_pictures")
<!--product pictures-->
<!-- cloud zoom enabling-->
@* @Html.Partial("_ProductDetailsPictures", Model)*@
@Html.Action("CloudZoom", "CloudZoom", Model)
<div id="cloudZoomWindowElement" style="position: absolute"></div>
<!-- cloud zoom enabling -->
@Html.Widget("productdetails_after_pictures")
<img src="../../Themes/luk/Content/images/ico-sizes.png" alt="imagedemosize"/>
</div>
@Html.Action("RelatedProducts", "Catalog", new { productId = Model.Id })
<div class="full-description">
@Html.Raw(Model.FullDescription)
</div>
</div>
<div class="productDetailRight">
<div class="overview">
<h1 class="product-name">
@Model.Name
</h1>
<div class="short-description">
@Html.Raw(Model.ShortDescription)
</div>
<div class="clear">
</div>
@Html.Widget("productdetails_overview_top")
<!--product manufacturers-->
@Html.Action("ProductManufacturers", "Catalog", new { productId = Model.Id })
<div class="clear">
</div>
<!--product reviews-->
@Html.Action("ProductReviewOverview", "Catalog", new { productId = Model.Id })
<div class="clear">
</div>
<div id="featureMenu1">
<a href="../Buyonegiveone/Index" title="Мы профи по солнцезащитным очкам">
<div class="buy_one_give_one"> </div>
</a>
<a href="../Gifts/Index" title="Тысячи моделей, спецзаказ">
<div class="gift"> </div>
goshh installed it atlast... but the zoom looks soo base..it doesnt even havea next or close button...if i need to go out of zoom i need to click back button on browser..and wht ever zoom type i select i get he same response
i dont understand this..i try many times to install..and even after installing i cant access the settings of cloud zoom
i too tried installing nop cloud zoom...i used the customized theme. but i couldnt access the nopcloud settings ..i dont know the reason...then i tried uninstalling it..but it is not getting uninstalled...Aftr installing this all my JQuery and JScripts keep on showing error..So i manually removed the folder from plugins folder in nop.web...But the effect still remains..Is this making any changes to the current Jqueries already installed..it seems as if some kind of conflict occurs....
Hi, im using nopcommerce 2.65 and have tried the new nopmega menu. I am currently testing with its trial version. I would like to set a filter to the categories in the mega maneu. i.e. i want to select the categories which comes under the mega menu item by the alphabet. .So if i select 'C' then only the categoris which start from 'C' should be shown in the menu.
Is sucha feature available in the mega menu?
Hi could you please suggest me how to add a new menu item to the new nop mega menu other than those already there.
Or is such an option already there if i buy a nopmega menu plugin Full version?Currently im using the trial version.
I am currently using nop version 2.65
- 1
- 2
