NopMekanik – (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 “NopMekanik.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, “nopmekanik.newsletter.description” has a value of “Join our mailing list and enjoy special offers.” 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.

Topics

Watch video tutorial below about nopCommerce topics.

Setting Up Pro nopCommerce Themes

There are a few new topic blocks referenced in NopMekanik Responsive Theme. Please navigate to admin dashboard, Configuration > Content Management > Topics (Pages) and add the following new topic block:

1. System Name: home-slider-widget

   This is the section placed besides Homepage Nivo Slider.

   Below is the source code of our demo content. You can click the source code button in your topic editor and paste our source code.

   

   </p> <p style="text-align: center;"><img decoding="async" src="http://pronopcommerce-002-site29.gtempurl.com/images/uploaded/image_01.jpg" alt="" /></p> <h3 style="text-align: center;"><span style="font-size: 12pt;">Wooden Toolbox Tools</span></h3> <p style="text-align: center;"><span style="font-size: 10pt;">You can edit this section at backend. Consectetur adipiscing elit. Laesent at dolor a est lobortis tincidunt.</span></p> <p style="text-align: center;"><span style="font-size: 9pt;"><strong><a class="button-1" href="#">VIEW SPECIAL DEALS</a></strong></span></p> <p>

2. System Name: home-widget-1

   This is the first content holder placed under Homepage Nivo Slider.

   Below is the source code of our demo content. You can click the source code button in your topic editor and paste our source code.

   </p> <h3 style="padding-right: 45px;">Huge Sales on Our Tyres</h3> <p style="padding-right: 45px;"><a href="#">Check out all collection now.</a></p> <p style="font-size: 36px; position: absolute; top: 20px; right: 15px; color: #f9c937;"><em class="fas fa-cart-arrow-down"> </em></p> <p>

3. System Name: home-widget-2

   This is the second content holder placed under Homepage Nivo Slider.

   Below is the source code of our demo content. You can click the source code button in your topic editor and paste our source code.

   </p> <h3 style="padding-right: 45px;">ONLINE SUPPORT 24/7</h3> <p style="padding-right: 45px;">We provide online support 24 hours a day.</p> <p style="font-size: 36px; position: absolute; top: 20px; right: 15px; color: #f9c937;"><em class="fas fa-clock"> </em></p> <p>

4. System Name: home-widget-3

   This is the third content holder placed under Homepage Nivo Slider.

   Below is the source code of our demo content. You can click the source code button in your topic editor and paste our source code.

   </p> <h3 style="padding-right: 45px;">FREE SHIPPING FOR ALL ORDERS</h3> <p style="padding-right: 45px;">Free shipping for all orders. Nationwide only.</p> <p style="font-size: 36px; position: absolute; top: 20px; right: 15px; color: #f9c937;"><em class="fas fa-truck"> </em></p> <p>

5. System Name: footer-info

   This is the contact info section at website footer.

   Below is the source code of our demo content. You can click the source code button in your topic editor and paste our source code.

   </p> <p><span style="font-size: 11pt;">Give us a call</span></p> <h2><strong style="color: #ffffff; font-size: 23pt;">02453 24 2324</strong></h2> <p><span style="font-size: 12pt;">Or email us at </span></p> <p><strong style="font-size: 12pt;"><span style="color: #f9c937;"><a href="#">admin@nopmechanics.com</a></span></strong></p> <p>

6. System Name: checkout-details

   This is the content placed at One Page Checkout right column.

   Below is the source code of our demo content. You can click the source code button in your topic editor and paste our source code.

   </p> <h3>Secured Checkout</h3> <p>Commodo laoreet semper tincidunt lorem Vestibulum nunc at In Curabitur magna. Euismod euismod Suspendisse tortor ante.</p> <ul> <li>Lorem Vestibulum nunc at In Curabitur magna.</li> <li>Euismod euismod Suspendisse tortor ante.</li> </ul> <p><img decoding="async" src="http://pronopcommerce-002-site29.gtempurl.com/images/uploaded/cards.jpg" alt="" /></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 NopMekanik 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!