NopStyle – (4) 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 “nopstyle.footer.title.contact” 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, “nopstyle.footer.title.contact” has a value of “Contact” 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
NopStyle.Common.Language Language
NopStyle.Common.Currency Currency
NopStyle.Header.Cart Cart
NopStyle.Menu.ManageDetails Personal Details
NopStyle.Menu.OrderHistory Order History
NopStyle.Menu.Wishlist Wishlist
NopStyle.Menu.CompareList Compare Product List
NopStyle.Footer.AboutUs A Short Description About Your Store
NopStyle.Footer.Title.Contact Contact
NopStyle.Footer.Title.Address Our Store Locates at
NopStyle.Footer.Address Your Address
NopStyle.Footer.Title.MoreContact Or You May Reach Us at
NopStyle.Footer.Tel Your contact number
NopStyle.Footer.Email Your e-mail
NopStyle.Menu Menu
NopStyle.Homepage.Categories Featured Categories
NopStyle.Contact.Map Map
NopStyle.Products.NewPrice New Price
NopStyle.Products.VariantOptions More Choices
NopStyle.UseGiftCard Use Your Gift Card?
NopStyle.UseCouponCode Redeem Your Shopping Voucher Here.
NopStyle.Checkout.Description Filling the form below to complete your order. Need help? Call customer services at 1300-00-0000.
NopStyle.PageNotFound.Description Error 404
NopStyle.Register.NewsletterSignUp Sign Up for A Newsletter
NopStyle.Blog.Description A nice little place to say something…
NopStyle.Blog.ReadMore Read More
NopStyle.Product.ViewDetails View Details
NopStyle.Description Description

Topics

Watch video tutorial below about nopCommerce topics.

Setting Up Pro nopCommerce Themes

There are some new topics applied in NopStyle Responsive Theme in addition to the default nopCommerce topics. Go to admin dashboard, Configuration > Content Management > Topics (Pages), add the following new topics:

  1. Home-Promo-Block-1
    This is the advertising image placed at left bottom of home page slider. Best width for this image is 720px.
  2. Home-Promo-Block-2
    This is the advertising image placed at right bottom of home page slider. Best width for this image is 720px.
  3. Home-Brands-Block
    This is the bottom section in homepage, displaying the brands of store. You may utilize this section display other important info of your partners etc.
  4. Footer-Advertisement-Block
    This is the advertising area beside About Us section in Footer. If you insert image here, the image should be 290px wide.
  5. Checkout-Info-Block
    The content of this topic will be rendered at the right column of checkout page.
  6. Checkout-Complete
    The content of this topic will be rendered in the body of /checkout/completed page.
  7. Register-Block
    The content of this topic will be rendered at the right column of Register page.
  8. Contact-Map
    Here to insert your google map scripts, and the map will be rendered in Contact Us page.

Logo

Name your logo image as “logo.png” and replace it in /Themes/NopStyle/Content/images folder.

If you are using nopCommerce 3.80, please upload your store logo from backend, following this path: admin > Configuration > Settings > General Settings.

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 (length should not shorter than 360px as we have specified in media settings previously).

Lastly, thank you for choosing NopStyle 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