prestashop 1.6使用引導插件 - Modal

我使用基於引導的默認主題，我試圖打開一個簡單的模式彈出框。prestashop 1.6使用引導插件 - Modal

使用例如http://www.w3schools.com/bootstrap/bootstrap_modal.asp，即我創造了這個代碼在hookDisplayTop使用TPL

但語氣CSS是移植完全搞砸了一個模塊，所以我想我應該用引導CSS，所以我加入hookHeader下面的代碼：

$this->context->controller->addCSS ("http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css", 'all');

的CSS仍然是一個爛攤子，但我可以很容易地解決這個問題。

我很茫然，因爲我預計基於bootstrap的主題具有開箱即用的模式（特別是因爲prestashop使用許多彈出窗口）。

此外，如果只包含css，它可能會覆蓋其他我不知道的css。

所以我想我缺少一些關於如何將bootstrap插件集成到prestashop的基礎知識。

我的問題是：什麼是將prestashop默認主題添加引導程序插件（例如Modal）的正確方法？

2016-03-16 Elia Weiss

，你可以在這個文件

一些組件看到（包括模式）已經在默認主題被禁用。做這個主題時，這確實是非常糟糕的決定。

但是，再次包括Bootstrap（就像你做的那樣）更糟。您實際上正在複製CSS代碼。

如果你必須保持你的當前主題的工作，然後只包括缺少的部分：

創建自定義.css文件，並複製該代碼，包括它使用相同的方法。

我還可以建議一個簡單的PrestaShop主題，它具有更新Bootstrap及其所有組件：PrestaShop/community-theme-16。這是一個正在進行的工作，可能有錯誤，但它絕對是製作新主題的一個更好的起點。

2016-03-16 11:28:02 gskema

如果我想在將來添加插件，如何找到相關的css行來複制？ –

訪問http://getbootstrap.com/components/以瞭解組件使用的是什麼類，但它通常前綴非常好，如'.modal- *'，因此很容易找到。只需使用'ctrl + f'在我的答案中找到這些類。 – gskema

謝謝你。幫了我很多。 – JazZ

回答