Product Detail Page

I want to put Product-Calloteral before Full-Description of Product. It's after that now.

I used Inspect Elements of Google Chrome, and found html-product-details-page which I could edit for it but I cannot find this file. Please kindly let me know about it.

Are you looking for these files?

/Views/Product/ProductTemplate.Simple.cshtml and /Views/Product/ProductTemplate.Grouped.cshtml

Yes thanks, but changing ProductSpecification and ProductDescription in here doesnt change their order on product details. what should I do?

shahabset wrote:


Are you using any theme? If yes then change in related theme folder.

/Themes/{themename}/Views/Product/ProductTemplate.Simple.cshtml and /Themes/{themename}/Views/Product/ProductTemplate.Grouped.cshtml

I found the files as you said they're in theme folder I changed these two with each other:


                @if (shouldShowSpecifications)
                {
                    <div class="product-collateral">
                        @await Html.PartialAsync("_ProductSpecifications", Model.ProductSpecifications)
                    </div>
                }

                @if (shouldShowDescription)
                {
                    <div class="full-description" itemprop="description">
                        @Html.Raw(Model.FullDescription)
                    </div>
                }

and also these two:

                    var shouldShowSpecifications = !productsTabAreEnabled || !isSpecificationsTabEnabled;
                    var shouldShowDescription = !string.IsNullOrEmpty(Model.FullDescription) && (!productsTabAreEnabled || !isDescriptionTabEnabled);


I want to show Specification before Full-Description, but nothing's changed yet :(

Are you sure changing in correct theme folder? Are you using any plugin to display those portions in details page? Please share your code  in details.

shahabset wrote:
Is it nopCommerce 4.20 and server? If so, that version require restart to be able to see html/css changes.

Regards,
Tom

shahabset wrote:


Hello shahabset,

as far I know, you are using our Emporium theme which means that the Product page file that you should be editing are located in the following location:

~ Presentation\Nop.Web\Themes\Emporium\Views\Product\

However, if you are also using our Quick tabs plugin and you want to move ethe Specifications tab before the Full description tab, then you need to go in your Admin panel to Nop-templates -> Plugins -> Quick tabs -> Settings and change the Display order option for your Full description and Specifications tabs so that they appear in the order you want them to.

Hope this was helpful.

Best Regards,
Valentin.

Thanks for your reply.
Worked for me.

I Found that after every change in the codes it is needed to RESTART the application.
That was my mistake.