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
| Software | Minimum Version | Recommended |
|---|---|---|
| .NET SDK | 9.0 | Latest 9.0.x |
| Visual Studio | 2022 | Latest with ASP.NET workload |
| VS Code | Latest | With C# Dev Kit extension |
| SQL Server | 2016 | 2019 or 2022 |
| Git | 2.x | Latest |
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 scriptsNext Steps
Once your environment is set up:
- Quick Start Guide - Get nopCommerce running locally
- Plugin Development - Start building your first plugin
- Architecture Overview - Understand the plugin system
License
This documentation is released under the nopCommerce Public License.