狂歡3.0引導自定義如何

Question

我已經安裝了Spree 3-0-Stable測試網站，我想添加bootswatch主題並更改一些引導項目的填充。

我很努力去理解我在這裏做什麼。

一個例子是我想修改.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

的價格框填充不會改變，但網格中物品的相等間距會丟失。

我正在沿着正確的路徑定製商店嗎？

Answer 1

不，你不應該以這種方式自定義， 自從spree得到更新後，你的所有組件將被重寫，你將失去所有的更新。 所以最好開始使用塗抹覆蓋在瘋狂指南中給出。 首先它會看起來很難 ，但一旦通過這個視頻，讓你可以很容易地使用deface覆蓋概念。

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