Pioneer Documentation

Before you can use the Nop Pioneer Theme you need to install it.

For more information about the installation of a nopCommerce Theme refer to our How To Install A Theme article.

PLUGINS

PIONEER THEME - GENERAL SETTINGS

The Nop Pioneer Theme has different configuration options which you can manage from the administration. This is the Theme settings section. It can be accessed by Administration -> Nop-Templates -> Themes -> Pioneer -> Settings. Here is a list of General Settings of the theme:

Admin Configuration: Administration -> Nop-Templates -> Themes -> Pioneer -> Settings

Front-end Result: These settings control the visual style and behavior of the Pioneer theme across the store, including colors, layout options, slider type, fonts, logo, social links, newsletter background, and custom styles.

Color Presets - Choose a color preset from the available predefined color schemes to match your store's branding and design preferences.
Logo Image - Upload and configure your store logo. The selected image will be displayed throughout the storefront.
Separate Categories Menu - Choose whether to display a separate categories menu in the theme navigation for easier product browsing.
Home Page Layout - Select the desired homepage layout for your store. Different layouts provide alternative arrangements of homepage content and promotional sections.
Color Product Attribute - Enable and configure color attributes to display product color options directly on product listings and product pages.
Category Images Proportion - Choose the aspect ratio used for category images throughout the store to maintain a consistent visual appearance.
Product Images Proportion - Choose the aspect ratio used for product images on category, manufacturer, and product listing pages.
Follow us Pinterest URL - You can insert your Follow us on Pinterest URL here. If left empty the icon in the footer will not be displayed.
Follow us Vimeo URL - You can insert your Follow us on Vimeo URL here. If left empty the icon in the footer will not be displayed.
Remove Copyright - You can remove the copyright notice after a copyright notice key has been purchased from www.nopcommerce.com.
Remove Designed By Nop-Templates.com link in the footer - You can remove the Designed By Nop-Templates.com link from the footer. Note: If you would like to receive a 10% discount on any future purchase or renewal and a feature spot on our site, please leave this unchecked and contact us.
Custom Head Styles - Insert your custom CSS styles that will be added in the head after all other CSS files. This way you can further customize the theme. Example: .footer { display: none; }

CONFIGURE YOUR HOMEPAGE

The Nop Pioneer Theme is a modern multi-purpose nopCommerce theme designed for electronics stores, fashion shops, furniture stores, supermarkets, marketplaces, and other multi-category eCommerce businesses.

Pioneer comes with professionally designed homepage layouts that combine clean design, excellent usability, and powerful Nop-Templates functionality. The homepage can be customized through the theme settings and the included plugins to showcase featured products, categories, collections, manufacturers, blog content, special offers, and promotional campaigns.

You can preview the Pioneer Theme here: Pioneer Live Demo

You can manage homepage content by configuring banners, sliders, featured categories, product collections, blog sections, manufacturers, and promotional areas using the supported Nop-Templates plugins included with the theme.

Follow these steps in order to configure your home page like the Pioneer Theme Demo.

Admin Demo - see the theme administration.

MAIN HOME PAGE SLIDER

You can create a main homepage slider using the Anywhere Sliders plugin. This slider can be used to highlight special offers, seasonal promotions, new arrivals, top brands, or important store campaigns.

Admin Configuration: Administration -> Nop-Templates -> Plugins -> Anywhere Sliders -> Manage Sliders

Widget Zone: home_page_main_slider

Front-end Result: This displays the main banner slider at the top of the Pioneer homepage.

You can check out the configuration of the Anywhere Sliders plugin in our Admin Demo.

MEGA MENU CONFIGURATION

The Nop Mega Menu plugin, that is shipped with the Pioneer Theme, provides you with the ability to create your own templates for the menu navigation of your store.

Admin Configuration: Administration -> Nop-Templates -> Plugins -> Mega Menu -> Manage Menus

Front-end Result: This displays the main navigation menu with categories and subcategories such as Electronics, Fashion, Furniture, Home & Garden, Sports, Accessories, and other store categories.

After creating your Mega Menu you will need to configure your Menu Template. The Nop Mega Menu is a very powerful and simple to use tool. You can arrange, nest and edit Menu Items. You can find more information on how to configure your Mega Menu in our Documentation.

You can check the configuration of the Mega Menu plugin on our demo store in the Admin Demo.

MANUFACTURERS JCAROUSEL

Moving on to the Manufacturers JCarousel section on the Product Details Page. This is a great way to showcase product manufacturers and brands associated with the current product. Using the JCarousel plugin you can display manufacturer logos and brands in a responsive carousel, helping customers discover more products from the same manufacturers.

Admin Configuration: Administration -> Nop-Templates -> Plugins -> JCarousel -> Manage JCarousel

Content Configuration: Choose the manufacturers you want to display from the Add Additional Manufacturers tab.

Widget Zone: productdetails_top

Front-end Result: This displays selected manufacturers in a carousel at the top of the Product Details Page.

You can check the configuration of the JCarousel plugin on our demo store in the Admin Demo.

SMART PRODUCT COLLECTIONS

Moving on to the Smart Product Collections plugin. Using this plugin you can showcase your best products on your home page and group them accordingly into categories. There are two types of Smart Product Collections: Category Product Collections and Custom Product Collections.

You can use the category product collections to display products from specific categories and organize them in tabs based on different criteria, such as Best Sellers, New Arrivals, Featured Products, Most Popular Products, and other custom criteria.

Admin Configuration: Administration -> Nop-Templates -> Plugins -> Smart Product Collections -> Category Product Collections

Front-end Result: This displays products in organized tabbed sections on the homepage.

Note: You should have at least one product in every tab in the Smart Product Collections in order to avoid rendering issues.

You can check the configuration of the Category Product Collections of the Smart Product Collections plugin on our store in the Admin Demo.

CUSTOM PRODUCT COLLECTIONS

You can use the custom product collections to display products on the home page and order them in tabs depending on many criteria, such as Best Sellers, New Arrivals, Featured Products, Special Offers, Custom Criteria, and other store-specific groups.

Admin Configuration: Administration -> Nop-Templates -> Plugins -> Smart Product Collections -> Custom Product Collections

Content Configuration: Create custom product groups, build tabs, select products, and order them according to your store requirements.

Front-end Result: This displays custom product collections in organized sections on the Pioneer homepage.

You can check the configuration of the Custom Product Collections on our demo store in the Admin Demo.

SALE OF THE DAY

The Nop Sale Of The Day plugin allows you to create and display unlimited promotional offers across your store. You can schedule offers, target specific products, customer groups, manufacturers, or stores, and display them in selected widget zones throughout your website.

Admin Configuration: Administration -> Nop-Templates -> Plugins -> Sale Of The Day

Content Configuration: Create offers, select products, configure display conditions, schedules, and choose where the offers will appear in your store.

Front-end Result: This displays promotional offers and discounted products in the selected widget zones throughout the Pioneer store.

You can check the configuration of the Sale Of The Day plugin on our demo store in the Admin Demo.

ADDITIONAL CONFIGURATION

Home Page Layout

The Pioneer theme provides different homepage layout options that allow you to organize homepage content according to your store requirements.

Admin Configuration: Administration -> Nop-Templates -> Themes -> Pioneer -> Settings

Front-end Result: This changes the arrangement and presentation of sections on the homepage.
Separate Categories Menu

You can enable or disable a separate categories menu to improve navigation and product discovery.

Admin Configuration: Administration -> Nop-Templates -> Themes -> Pioneer -> Settings

Front-end Result: This displays a dedicated categories navigation menu in the storefront.
Category Images Proportion & Product Images Proportion

You can configure image proportions for category and product images to maintain a consistent design across the store.

Admin Configuration: Administration -> Nop-Templates -> Themes -> Pioneer -> Settings

Front-end Result: This controls how category and product images are displayed throughout the storefront.
Follow us Links

You can configure your Pinterest and Vimeo profile URLs from the theme settings page.

Admin Configuration: Administration -> Nop-Templates -> Themes -> Pioneer -> Settings

Front-end Result: This displays social media icons and links in the footer of the store.
Custom Head Styles

You can add custom CSS styles that will be loaded after all theme styles, allowing you to further customize the appearance of the store.

Admin Configuration: Administration -> Nop-Templates -> Themes -> Pioneer -> Settings

Front-end Result: This applies your custom styling changes throughout the Pioneer theme.

You can check out the configuration of the Pioneer Theme settings on our demo store in the Admin Demo.

TIPS AND TRICKS

Use high-quality product images to create a more professional and visually appealing shopping experience.
Keep product and category images consistent in size and style for a clean and organized store design.
Explore all included plugins and review their documentation to get the most out of the Pioneer Theme and its features.

For more information on the terms used please refer to our Glossary.