Documentation
Back to website >

Electronics Prisma Theme

Note: This article is part of the Nop Prisma Theme Documentation.
Admin DEMO - see the theme administration.

CONFIGURING THE HOME PAGE

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

You need to have in mind the following options when setting up your store home page. Please have a look at the different elements you can display on the home page:

You can create a Slider using our Nop Anywhere Slider plugin as shown below.

Create a new slider of type Nivo.

the required images to the slider.

Finally, map the slider to the "home_page_main_slider" widget zone in order to display it on the home page.

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

The Nop Mega Menu plugin, that is shipped with the Prisma Theme, provides you with the ability to create your own templates for the menu navigation of your store.  In order to create your own Mega Menu you will need to go to Administration -> Nop-Templates -> Plugins -> Mega Menu -> Manage Menus and add a new Mega Menu. 

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 even edit Menu Items like shown in the image below.  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

Moving on to the Categories JCarousel section of your Home Page. This is a nice way to show your best categories on your Home Page. Using the JCarousel plugin you can show your desired categories on the home page.

You will have to create a JCarousel from Administration -> Nop-Templates -> Plugins -> JCarousel -> Manage JCarousel.

After that, you will need to choose the categories you will want to show on the home page from the Add Additional Categories tab.

After that, you will have to set your JCarousel to the "home_page_before_categories" widget zone.

That will result in a nice Carousel on your home page displaying your selected categories.

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

Moving on to the Smart Product Collection plugin. Using this plugin you can show your best products on your home page and group them accordingly in 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 different products from a certain category and order them in tabs depending on many criteria(e.g. Most Wanted, Best Sellers, etc).

This will result in a nice ordered way to show your best products from a category on your home page: 

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 Collection plugins on our store in the Admin Demo.

The element just bellow the Category Product Collections  is the Manufacturers JCarousel. It is acheived by configuring the JCarousel plugin.

You will have to create a JCarousel from Administration -> Nop-Templates -> Plugins -> JCarousel -> Manage JCarousel.

After that, you will have to set your JCarousel to the "home_page_before_products" widget zone.

That will result in a nice Carousel on your home page displaying your manufacturers.

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

Next element on our Home Page is the banner

It is achieved using the Anywhere Sliders plugin. 

You will need to create a Nivo slider with the following settings:

After that you will need to upload the image for your banner in the Pictures tab:

And finally, you will have to map the banner to the "prisma_banners_2_widget_zone" widget zone:

You can check the configuration of the home page banner in the Anywhere Sliders plugin on our store in the Admin Demo.

You can use the custom product collections to display products on the home page and order them in tabs depending on many criteria(e.g. Most Wanted, Best Sellers, Custom criteria, etc).

This will result in a nice ordered way to show your best products  on your home page: 

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

We can finish the configuration of the home page by configuring the footer banner:

It is achieved using the Anywhere Sliders plugin. 

You will need to create a Nivo slider with the following settings:

After that you will need to upload the image for your banner in the Pictures tab:

And finally, you will have to map the banner to the "home_page_bottom" widget zone:

You can check the configuration of the home page banner in the Anywhere Sliders plugin on our store in the Admin Demo.