How to change in product detail page...?

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
Il y a 7 ans
In My Product Detail Page View,

Product Details Left Side And Product Image Right Side,

But I Want My Product Detail Right Side And I Want My Product Image Left Side.

So Please Help Me Im New In NopCommerce.
Il y a 7 ans
Hope you are not using default theme and you might be using custom theme refer \Themes\<your theme name>\Views\Product\ProductTemplate.Simple.cshtml file in your solution. It will give source code around your requirement and make the required changes to html and css
Il y a 7 ans
Sir Thank You For Help Me, This Is My ProductTemplate.Simple.cshtml Source Code And In This Source Code Through I Want To Set My Product Full Details Right Side And Image Detail Left Side.

My Source Code Is Here:

@model ProductDetailsModel
@using Nop.Core
@using Nop.Core.Domain.Seo;
@using Nop.Core.Infrastructure;
@using Nop.Services.Localization;
@using Nop.Services.Configuration
@using Nop.Web.Models.Catalog;
@using Nop.Admin.Controllers;
@using Nop.Admin.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 seoSettings = EngineContext.Current.Resolve<SeoSettings>();
    //canonical URL
    if (seoSettings.CanonicalUrlsEnabled)
    {
        var productUrl = Url.RouteUrl("Product", new { SeName = Model.SeName }, this.Request.Url.Scheme);
        Html.AddCanonicalUrlParts(productUrl);
    }

    //open graph META tags
    if (seoSettings.OpenGraphMetaTags)
    {
        var storeName = EngineContext.Current.Resolve<IStoreContext>().CurrentStore.GetLocalized(x => x.Name);
        Html.AddHeadCustomParts("<meta property=\"og:type\" content=\"product\" />");
        Html.AddHeadCustomParts("<meta property=\"og:title\" content=\"" + Html.Encode(Model.Name) + "\" />");
        Html.AddHeadCustomParts("<meta property=\"og:description\" content=\"" + Html.Encode(Model.MetaDescription) + "\" />");
        Html.AddHeadCustomParts("<meta property=\"og:image\" content=\"" + Model.DefaultPictureModel.ImageUrl + "\" />");
        Html.AddHeadCustomParts("<meta property=\"og:url\" content=\"" + Request.Url.AbsoluteUri + "\" />");
        Html.AddHeadCustomParts("<meta property=\"og:site_name\" content=\"" + Html.Encode(storeName) + "\" />");
    }

    //Twitter META tags
    if (seoSettings.TwitterMetaTags)
    {
        var storeName = EngineContext.Current.Resolve<IStoreContext>().CurrentStore.GetLocalized(x => x.Name);
        Html.AddHeadCustomParts("<meta property=\"twitter:card\" content=\"summary\" />");
        Html.AddHeadCustomParts("<meta property=\"twitter:site\" content=\"" + Html.Encode(storeName) + "\" />");
        Html.AddHeadCustomParts("<meta property=\"twitter:title\" content=\"" + Html.Encode(Model.Name) + "\" />");
        Html.AddHeadCustomParts("<meta property=\"twitter:description\" content=\"" + Html.Encode(Model.MetaDescription) + "\" />");
        Html.AddHeadCustomParts("<meta property=\"twitter:image\" content=\"" + Model.DefaultPictureModel.ImageUrl + "\" />");
        Html.AddHeadCustomParts("<meta property=\"twitter:url\" content=\"" + Request.Url.AbsoluteUri + "\" />");
    }

    var storeId = EngineContext.Current.Resolve<IStoreContext>().CurrentStore.Id;
    var alternativeProductPageLayout = EngineContext.Current.Resolve<ISettingService>().GetSettingByKey("allurethemesettings.alternativeproductpagelayout", false, storeId, true);
    var alternaticeProductPageLayoutCss = String.Empty;
    if (alternativeProductPageLayout)
    {
        alternaticeProductPageLayoutCss = "product-page-alternative-layout";
    }
}
<!--product breadcrumb-->
@Html.Partial("_ProductBreadcrumb", Model.Breadcrumb)

<div class="product-page-wrapper" itemscope itemtype="http://schema.org/Product">
    <!--product breadcrumb-->
    <div class="product-name">
        <h1 itemprop="name">
            @Model.Name

        </h1>
        @Html.Widget("productname_bottom", Model.Id)
    </div>
    <div class="page product-details-page @alternaticeProductPageLayoutCss">
        <div class="page-body">
            @Html.Widget("productdetails_top", Model.Id)
            @using (Html.BeginRouteForm("Product", new { SeName = Model.SeName }, FormMethod.Post, new { id = "product-details-form" }))
            {
                <div data-productid="@Model.Id">
                    <div class="product-essential">

                        @{
                var picturesInTabHtml = Html.Widget("product_pictures_in_tabs", Model.Id);

                if (!MvcHtmlString.IsNullOrEmpty(picturesInTabHtml) && !alternativeProductPageLayout)
                {
                    @picturesInTabHtml
                }
                else
                {
                    var cloudZoom = Html.Widget("sevenspikes_cloud_zoom");
                    if (!MvcHtmlString.IsNullOrEmpty(cloudZoom))
                    {
                        @cloudZoom
                    }
                    else
                    {
                        @Html.Partial("_ProductDetailsPictures", Model)
                    }
                }
                        }

                        <div class="overview">
                            @if (!String.IsNullOrEmpty(Model.ShortDescription))
                            {
                                <div class="short-description">
                                    @Html.Raw(Model.ShortDescription)
                                </div>
                            }
                            <!--rental products-->
                            @{
                            var dataDictRental = new ViewDataDictionary();
                            dataDictRental.TemplateInfo.HtmlFieldPrefix = string.Format("rental_{0}", Model.Id);
                            @Html.Partial("_RentalInfo", Model, dataDictRental)
                            }
                            @{
                            var dataDictPrice = new ViewDataDictionary();
                            dataDictPrice.TemplateInfo.HtmlFieldPrefix = string.Format("price_{0}", Model.Id);
                            @Html.Partial("_ProductPrice", Model.ProductPrice, dataDictPrice)
                            }
                            <!--attributes-->
                            @{
                            var dataDictAttributes = new ViewDataDictionary();
                            dataDictAttributes.TemplateInfo.HtmlFieldPrefix = string.Format("attributes_{0}", Model.Id);
                            @Html.Partial("_ProductAttributes", Model.ProductAttributes, dataDictAttributes)
                            }

                            <!--Custom code by Karan 17/05/2015. Show the conformation of the manual status.-->
                            <span class="status-message">@Model.ManualStatus</span>

                            <!--availability-->
                            @Html.Partial("_Availability", Model)

                            
                            <!--price & add to cart-->
                            @{

                            var dataDictAddToCart = new ViewDataDictionary();
                            dataDictAddToCart.TemplateInfo.HtmlFieldPrefix = string.Format("addtocart_{0}", Model.Id);
                            @Html.Partial("_AddToCart", Model.AddToCart, dataDictAddToCart)
                            }
                            <!--delivery-->
                            @Html.Partial("_DeliveryInfo", Model)
                            <!--product reviews-->
                            @Html.Partial("_ProductReviewOverview", Model.ProductReviewOverview)
                            <div class="buttons">
                                @Html.Widget("productdetails_inside_overview_buttons_before", Model.Id)
                                @{
                            var dataDictAddToWishlist = new ViewDataDictionary();
                            dataDictAddToWishlist.TemplateInfo.HtmlFieldPrefix = string.Format("addtocart_{0}", Model.Id);
                            @Html.Partial("_AddToWishlist", Model.AddToCart, dataDictAddToWishlist)
                                }
                                @Html.Partial("_CompareProductsButton", Model)
                                @Html.Partial("_ProductEmailAFriendButton", Model)
                                @Html.Widget("productdetails_inside_overview_buttons_after", Model.Id)
                            </div>

                            @Html.Partial("_ShareButton", Model)
                            @Html.Widget("productdetails_overview_top", Model.Id)
                            <!--SKU, MAN, GTIN, vendor-->
                            @Html.Partial("_SKU_Man_GTIN_Ven", Model)
                            <!--product manufacturers-->
                            @Html.Partial("_ProductManufacturers", Model.ProductManufacturers)
                            <!--sample download-->
                            @Html.Partial("_DownloadSample", Model)

                            @Html.Widget("productdetails_overview_bottom", Model.Id)
                        </div>
                        @if (!String.IsNullOrEmpty(Model.FullDescription))
                        {
                            <div class="full-description" itemprop="description">
                                @Html.Raw(Model.FullDescription)
                            </div>
                        }

                        <!--gift card-->
                        @{
                        var dataDictGiftCard = new ViewDataDictionary();
                        dataDictGiftCard.TemplateInfo.HtmlFieldPrefix = string.Format("giftcard_{0}", Model.Id);
                        @Html.Partial("_GiftCardInfo", Model.GiftCard, dataDictGiftCard)
                        }
                    </div>
                    @if (alternativeProductPageLayout)
                    {
                        @Html.Widget("product_pictures_in_tabs", Model.Id)
                    }
                    @Html.Widget("productdetails_before_collateral", Model.Id)
                    <div class="product-collateral">
                        @Html.Partial("_ProductTierPrices", Model.TierPrices)
                        @Html.Partial("_ProductSpecifications", Model.ProductSpecifications)
                        @Html.Partial("_ProductTags", Model.ProductTags)
                        @Html.Action("ProductsAlsoPurchased", "Product", new { productId = Model.Id })
                        @Html.Action("RelatedProducts", "Product", new { productId = Model.Id })
                    </div>
                </div>
            }
            @Html.Widget("productdetails_bottom", Model.Id)
        </div>
    </div>
</div>
Il y a 7 ans
For me it looks like you are using nop-templates theme, could you tell me which theme you are using, Hope you need some changes to css as well. If you have valid license for nope-templates theme you could raise a support ticket as well. They will let you know if there is a options in the theme to swap content and product image with out code changes. nop-template support team response is very quick.
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.