Skip to content

Theme Development

Introduction

Theme development in nopCommerce involves creating custom themes to modify the appearance and layout of your nopCommerce store. This guide will help you understand the process of theme development and provide best practices for creating and maintaining themes.

Prerequisites

Before starting theme development, ensure your environment meets the following requirements:

Required Software

SoftwareMinimum VersionRecommended
.NET SDK9.0Latest 9.0.x
Visual Studio2022Latest with ASP.NET workload
VS CodeLatestWith C# Dev Kit extension
SQL Server20162019 or 2022
Git2.xLatest

Visual Studio Workloads

When installing Visual Studio, ensure these workloads are selected:

  • ASP.NET and web development
  • .NET desktop development (optional, for desktop tools)
  • Data storage and processing (for SQL Server tools)

Alternative IDE

You can also use JetBrains Rider or VS Code with the C# Dev Kit extension for nopCommerce development.

Theme Structure

nopCommerce/
├── src/
│   ├── Libraries/           # Core libraries
│   │   ├── Nop.Core/       # Core entities and interfaces
│   │   ├── Nop.Data/       # Data access layer
│   │   └── Nop.Services/   # Business logic services
│   ├── Plugins/            # Plugin projects
│   ├── Presentation/       # Web projects
│   │   ├── Nop.Web/        # Main web application
│   │   └── Nop.Web.Framework/
│   └── Tests/              # Unit and integration tests
├── build/                  # Build scripts
└── upgradescripts/         # Database upgrade scripts

Next Steps

Once your environment is set up:

  1. Quick Start Guide - Get nopCommerce running locally
  2. Plugin Development - Start building your first plugin
  3. Architecture Overview - Understand the plugin system

License

This documentation is released under the nopCommerce Public License.

Released under the nopCommerce Public License.