NopVital – (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 “NopVital.Description” in your store product page. 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, “NopVital.Description” has a value of “Full Description” at the demo site product page.

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)
NopVital.Menu.Home.Subtext Welcome to NopVital Responsive Theme Demo Site.
NopVital.Homepage.Category Popular Categories
NopVital.HomePage.Brands Our Brands
NopVital.Description Full Description
NopVital.ViewProductPage Go To Product Page
NopVital.ShoppingCart.QuickView Quick View

Topics

Watch video tutorial below about nopCommerce topics.

Setting Up Pro nopCommerce Themes

There are a few new topic blocks referenced in NopVital Responsive Theme in addition to the default nopCommerce topics. Navigate to admin dashboard, Configuration > Content Management > Topics (Pages), add the following new topic blocks:

  1. Home-Block-1

    This is the first colored section placed under Homepage Slider.

    Below is the source code of our demo content:

    </p> <p><img loading="lazy" style="display: block; margin-left: auto; margin-right: auto;" src="http://nopvital-demo.pronopcommerce.com/Content/Images/uploaded/free-shipping.png" alt="" width="50" height="50" /></p> <h5 style="text-align: center;">FREE EXPRESS SHIPPING</h5> <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>
  2. Home-Block-2

    This is the second colored section placed under Homepage Slider.

    Below is the source code of our demo content:

    </p> <p style="text-align: center;"><img loading="lazy" src="http://nopvital-demo.pronopcommerce.com/Content/Images/uploaded/15-PRECENT.png" alt="" width="50" height="50" /></p> <h5 style="text-align: center;">DISCOUNTED ITEMS</h5> <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>
  3. Home-Block-3

    This is the third colored section placed under Homepage Slider.

    Below is the source code of our demo content:

    </p> <p style="text-align: center;"><img loading="lazy" src="http://nopvital-demo.pronopcommerce.com/Content/Images/uploaded/refundable.png" alt="" width="50" height="50" /></p> <h5 style="text-align: center;">REFUNDABLE PRODUCTS</h5> <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>
  4. Home-Block-4

    This is the fourth colored section placed under Homepage Slider.

    Below is the source code of our demo content:

    </p> <p style="text-align: center;"><img loading="lazy" src="http://nopvital-demo.pronopcommerce.com/Content/Images/uploaded/cash-on-delivery.png" alt="" width="50" height="50" /></p> <h5 style="text-align: center;">CASH ON DELIVERY</h5> <p style="text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <p>
  5. Checkout-Details

    This is the content placed beside One-page Checkout.

    Below is the source code of our demo content:

    </p> <h3>Secured Checkout.</h3> <p style="text-align: left;">Commodo laoreet semper tincidunt lorem Vestibulum nunc at In Curabitur magna. Euismod euismod Suspendisse tortor ante.</p> <p><img loading="lazy" src="http://nopvital-demo.pronopcommerce.com/Content/Images/uploaded/payment.png" alt="" width="255" height="22" /></p> <p>
  6. NopVital-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 starting from nopCommerce 4.00

    Below is the sample source code:

    </p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" alt="" /></a></p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" alt="" /></a></p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" alt="" /></a></p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" alt="" /></a></p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" alt="" /></a></p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" alt="" /></a></p> <p><a href="http://nopvital-demo.pronopcommerce.com/oakley"><img src="http://nopvital-demo.pronopcommerce.com/content/images/thumbs/0000125_oakley_200.jpeg" 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 NopVital 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