NopDesigner – (3) Content Management

Language – Localization

Watch video tutorial below about configuring nopCommerce localization.

Configuring localization strings in nopCommerce

After you have plug the theme into your store, you may find some non-human-readable text strings in store front-end, for example “NopDesigner.footer.customerinfo” in your store footer. These text strings are actually manageable (localizable) in nopCommerce. Now, what you would need to do is to give them meaningful values so that they are human-readable. For example, “NopDesigner.footer.customerinfo” has a value of “Customer Info” at the demo site.

To change the value of each localizable strings, navigate to admin dashboard, Configuration > Languages. Click on “View string resources” link of your desired language. Then, add the following localization records into the table. If your store implements multiple languages, then you would need to repeat the task for each of the languages.

Resource Name Sample Value (As In Demo Site)
NopDesigner.HomePage.Categories View Our Collection
NopDesigner.HomePage.Manufacturers Proudly Made By
NopDesigner.SecureCheckout.Back Back To Cart
You’re Now In A Secured Page Your Cart Summary
NopDesigner.Description Description
NopDesigner.QuickView.ViewFullDetails Go To Product Page
NopDesigner.ShoppingCart.QuickView Quick View

Topics

Watch video tutorial below about nopCommerce topics.

Setting Up Pro nopCommerce Themes

There is one new topic block referenced in NopDesigner Responsive Theme in addition to the default nopCommerce topics. Navigate to admin dashboard, Configuration > Content Management > Topics (Pages), add the following new topic block:

  1. HomePage-Content

    This is the section placed besides Homepage Bestsellers.

    Below is the source code of our demo content:

    </p> <div class="row"> <div class="col-sm-5"><img src="http://nopdesigner-demo.pronopcommerce.com/Content/Images/uploaded/img6.jpg" alt="" /></div> <div class="col-sm-6"> <h2><em>About The Theme</em></h2> <p style="font-size: 19px; margin-top: 15px; text-align: left;">Morbi nec elit tristique, pellentesque quam vitae, convallis nisl. Cras id lorem magna. Quisque tristique, orci vitae aliquet feugiat, nunc ligula sodales nibh, eu pretium magna erat a neque. Integer sagittis gravida ullamcorper. Vestibulum efficitur vulputate sem ut interdum. Cras dictum semper arcu sed pulvinar. Donec sit amet odio sit amet quam sodales euismod.</p> </p></div> </p></div> <p>
  2. NopDesigner-Brands-Slider

    This is the content for homepage brand slider. To make your content display as a slider, simply add your image in a new paragraph. Every paragraph content will be displayed as a slide automatically.

    Note: This is only available in nopCommerce 4.00

    Below is the sample source code:

    </p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p><a href="http://nopdesigner-demo.pronopcommerce.com/bulbul"><img src="http://nopdesigner-demo.pronopcommerce.com/content/images/thumbs/0000086_bulbul_420.png" alt="" /></a></p> <p>

Product Images

We strongly believe that a good looking theme must come with organized and good quality product images.
Therefore, it is worth for store owner to invest some time and effort to create product images in consistent ratio.
In the case of product details image zooming setting is enabled,
the product images should be created in larger size than the product image size specified in media settings previously.

Lastly, thank you for choosing NopDesigner Responsive Theme. Pro nopCommerce had put in 100% effort in the theme development. Unfortunately, we couldn’t assure that the theme is 100% perfectly working in all sort of situations. Therefore, if you found some errors or bugs in the theme, please report issues at [email protected]
Enjoy your theme!

Powered by BetterDocs