2016-03-16 4 views
2

Я использую тему по умолчанию, основанную на бутстрапе, я пытаюсь открыть простое модальное всплывающее окно.prestashop 1.6, работающий с плагином bootstrap - 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'); 

КНБ еще беспорядок, но я могу исправить это легко.

Я сбился с толку, так как я ожидал, что тема, основанная на ботстрапе, будет иметь модальный из коробки (тем более, что prestashop использует много всплывающих окон).

также, если только включить css, он может переопределить другие css, о которых я не знаю.

, так что, я думаю, я пропустил что-то основное в том, как интегрировать плагины самонастройки в prestashop.

Мой вопрос: какой правильный способ добавить плагин для начальной загрузки (например, модальный) к теме по умолчанию?

ответ

2

как вы можете видеть в этом файле

themes/default-bootstrap/sass/_bootstrap.scss

некоторые компоненты (модальный включены) были отключены в теме по умолчанию. Это было действительно очень плохое решение при создании этой темы.

Однако, включая Bootstrap снова (как и вы), это еще хуже. Вы практически дублируете CSS-код.

Если вы должны продолжать работать на текущую тему, а затем включать только недостающие части:

bootstrap.css#L5869-L5991

bootstrap.css#L6492-L6498

bootstrap.css#L6513-L6516

сделать собственную .css файлов и скопировать этот код, включите его, используя тот же метод.

Я также могу предложить простую тему PrestaShop с обновлением Bootstrap и всеми его компонентами: PrestaShop/community-theme-16. Это незавершенная работа, и могут быть ошибки, но это определенно лучшая отправная точка для создания новой темы.

+0

Если я хочу добавить плагин в будущем, как мне найти соответствующие строки css для копирования? –

+1

Перейдите на страницу http://getbootstrap.com/components/, чтобы узнать, какие классы использует этот компонент, но обычно это префикс очень хорошо, например '.modal- *', поэтому его легко найти. Просто используйте 'ctrl + f', чтобы найти эти классы в ссылке, которая у меня есть в ответе. – gskema

+0

Спасибо за это. Помог мне много. – JazZ

Смежные вопросы