Close

Profile: nirmaljoseph

Avatar

User posts

10 years ago

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>

10 years ago

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>

10 years ago

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">&nbsp;</div>      

10 years ago

As i did customization i couldn't place it under the exact classes as in the manual..

10 years ago

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">&nbsp;</div>                          
                           </a>
                          <a href="../Gifts/Index" title="Тысячи моделей, спецзаказ">
                          <div class="gift">&nbsp;</div>                          

10 years ago

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

10 years ago

i dont understand this..i try many times to install..and even after installing i cant access the settings of cloud zoom

10 years ago

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....

10 years ago

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?

10 years ago

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