受欢迎的博客标签

New Free Responsive Starter Bootstrap Theme for nopCommerce

Published

Is there a Bootstrap 5 theme for nopCommerce?

 

Nopcommerece 4.x

NopElectro  - Last updated: October 19,2021

NopElectro is a responsive nopCommerce theme optimized for all modern design with the integration of Bootstrap grid system(Bootstrap v3.3.7).

demo:http://nopelectro-demo.pronopcommerce.com/

https://www.nopcommerce.com/en/nopelectro-free-nopcommerce-responsive-theme-4

 

nopAccelerate Root

Released On	March 28, 2018
Last Update On	March 8, 2022
Compatible Browser	IE9, IE10, IE11, Firefox, Safari, Opera, Chrome
nopCommerce Version	4.00 4.10 4.20 4.30 4.40 4.50
UI Framework	Bootstrap 4

DEMO web site:http://roottheme.demo.themes.nopaccelerate.com/

download url:http://shop.xcellence-it.com/nopaccelerate-root-theme

user name:

password:1234556

download:http://themes.nopaccelerate.com/themes/nopaccelerate-root-theme/   介绍 http://www.nopcommerce.com/boards/t/35697/new-free-responsive-starter-bootstrap-theme-for-nopcommerce.aspx

演示站 http://coretheme.demo.themes.nopaccelerate.com/news

下载地址: http://www.nopcommerce.com/p/1381/noproot-bootstrap-theme-free.aspx  

Content/css/styles.css

*!
 * Root Theme v1.1.0 (http://themes.nopaccelerate.com/themes/nopaccelerate-root-theme/)
 * Copyright 2018 Xcellence-IT.
 * Licensed under LICENSETYPE (http://www.nopaccelerate.com/terms/)
 */

/*********** CSS RESET **********/


* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
}

..
*********** FOOTER ***********/
.footer {
    background-color: #eee;
    text-align: center;
}

.footer-upper {
    /*width: 95%;*/
    margin: auto;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 40px 0;
    font-size: 0;
}

.footer-block {
    margin: 1px auto;
    text-align: left;
    font-size: 14px; /*reset zeroing*/
}

.footer-block .title {
    margin: 0 0 1px;
    background: #4ab2f1 url('../images/toggle-white.png') right center no-repeat;
    padding: 10px 15px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}

NopCommerce的皮肤管理机制,NopCommerce提供默认的皮肤,我们也可以制作自己的皮肤,以实现个性化定制。

IThemeContext:皮肤上下文,支持桌面皮肤和移动段皮肤。其实体类为:ThemeContext;

IThemeProvider:皮肤提供者,其实体类为ThemeProvider;皮肤提供者从皮肤配置文件中解析配置项,加载系统提供的所有皮肤方案,系统默认提供桌面干净皮肤(~/Themes/DefaultClean)和移动端皮肤(~/Themes/Mobile)。ThemeConfiguration是对theme.config数据的解析对象。

IThemeContext从IThemeProvider中获取解析的配置方案。

上节我们讲到自定义视图引擎,从视图引擎的名字(ThemeableRazorViewEngine)上可以知晓,它实现了对皮肤的自动加载功能。

视图引擎从IThemeContext中获取当前的皮肤,并解析加载。

  .