Beautiva theme documentation
Wednesday, August 13, 2025

1. Download the Beautiva theme from our store https://nop-solutions.com/customer/downloadableproducts
2. Go to Configuration → Local plugins from the Admin dashboard.
   
   

3. Click on the Upload plugin or theme button and a popup will appear asking to navigate to the file that contains the theme.

4. Unzip the downloaded .zip file named 'Beautiva'.

5. Select the correct .zip file that contains your nop version in the unzipped folder and click Upload plugin or theme button.

6. Install and enable all the plugins whose Group name is ' NopSolutions'. Install the "NopSolutions Core" and then "Widget Manager" plugins before installing the other plugins as they are dependent on these 2 plugins. Make sure the " Beautiva Theme" plugin is installed and enabled.

7. To get these plugins, search by the group name.
   
   

8. To know how to install and enable a plugin, go to nopCommerce documentation describing this topic.

9. Disable the Swiper Widget plugin to get the expected view on the homepage.
   
   

To enable the theme

1. Go to Configuration → Settings → General settings in the admin panel.

2. Choose Beautiva as the Default store theme.
   
   
   
   

To enable the plugins

1. Go to Administration → Configuration → Local plugins

2. Search the plugins associated with this theme by using the Group Name ' NopSolutions'

3. Locate and click the Edit button for the plugin Nop-Solutions Beautiva Theme

4. In the pop-up window, tick the checkbox named ' Enabled' and click Save
   
   
   

The License Key

After buying the theme, you will get license in order details page.

If anyone tries to configure the theme or bundled plugins for the first time, s/he will be redirected to a page prompting to enter the License Key. It can also be entered by going to NopSolutions → Core settings → License.

Configuration:

You can configure the theme configuration by going to Administration → NopSolutions → Themes → Beautiva → Configuration

General Settings:

1. Custom theme color: Choose theme color.
2. Enable image lazy-load: If you want to lazy-load for product box image enable this.
3. Lazy-load picture: From here you can choose a picture from your device and upload it. This picture will be
   
   

1. Show supported cards picture at page footer: Determines whether the supported card picture will be displayed on page footer or not.
2. Supported cards picture: With this, you can choose a picture from your device and upload it. This single picture of supported cards should be expected image height 30 px.
3. Show logo at page footer: Enable/Disable showing footer logo
4. Footer logo: Select the picture to display on footer.
5. Footer email: Add email address for footer
6. Phone: Add phone number for footer
7. Phone two: Add 2nd phone number for footer
8. Footer address: Add address for footer

1. Header Banner: Enable to show banner at header
2. Header Banner Text: Add text for banner
3. Custom CSS: Write custom CSS for your website. It will be rendered in the head section of the HTML page.

Footer Top Description:

Here you can configure total of four description box for the footer.

1. Enable description box: Check to show description box
2. Description box title: Title of the description box
3. Description box text: Text you want to display at the description box
4. Description box url: Url you want to redirect to when clicked on the description box
5. Description box picture: Picture to display at the description box one

Header Top Description:

Here you can configure header top description

Plugin Configuration:

In this section you can learn about configuring your plugins.

1. Anywhere Slider
2. Blog News
3. Category Banners
4. Deal Of The Days
5. Mega Menu
6. OCarousels
7. Picture Zoom
8. Product Ribbon
9. Product Tabs
10. Quick View
11. Vendor Banners
12. Widget Push