2015-02-24 66 views
1

我已经安装了Spree 3-0-Stable测试网站,我想添加bootswatch主题并更改一些引导项目的填充。狂欢3.0引导自定义如何

我很努力去理解我在这里做什么。

一个例子是我想修改.panel-footer填充,所以项目价格显示在一个较小的框中。

我认为覆盖应该放在app/assets/stylesheets/spree/frontend中。

当我添加以下

.panel-footer { 
     /* padding: 10px 15px; */ 
     background-color: #f5f5f5; 
     border-top: 1px solid #ddd; 
     border-bottom-right-radius: 3px; 
     border-bottom-left-radius: 3px; 
    } 
@import "bootstrap"; 

应用程序/资产/样式表/大礼包/前端/ frontend_bootstrap.css.scss

的价格框填充不会改变,但网格中物品的相等间距会丢失。

我正在沿着正确的路径定制商店吗?

回答

1

不,你不应该以这种方式自定义, 自从spree得到更新后,你的所有组件将被重写,你将失去所有的更新。 所以最好开始使用涂抹覆盖在疯狂指南中给出。 首先它会看起来很难 ,但一旦通过这个视频,让你可以很容易地使用deface覆盖概念。

https://www.youtube.com/watch?v=pirTIAy1NVM

+0

感谢您的答复,但我的信息后,更在这里我把覆盖到CSS,即改变框的类型,颜色,字体在引导主题等。 – AndyM 2015-06-12 07:59:46