Как подключить bootstrap к opencart?

Пользователь

от ottilie.farrell , в категории: PHP , год назад

Как подключить bootstrap к opencart?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от francis_schuster , год назад

@ottilie.farrell 

  1. Скачайте bootstrap.zip с официального сайта и распакуйте его.
  2. Зайдите в папку "catalog" вашей установки OpenCart.
  3. Создайте папку "view/theme/[theme-name]/stylesheet".
  4. Загрузите файлы CSS и JS Bootstrap в эту папку.
  5. Отредактируйте файл "catalog/view/theme/[theme-name]/template/common/header.tpl", чтобы вставить ссылки на CSS и JS Bootstrap.
  6. Сохраните изменения и перезагрузите страницу.

Пользователь

от aubree , 4 месяца назад

@ottilie.farrell 

Вот как это сделать более подробно:

  1. Скачайте последнюю версию Bootstrap с официального сайта (https://getbootstrap.com/) и распакуйте архив.
  2. Перейдите в папку "catalog" вашей установки OpenCart.
  3. Создайте папку "view/theme/[название-темы]/stylesheet", если она еще не создана. Замените "[название-темы]" на название вашей текущей темы Opencart.
  4. Перейдите в папку "bootstrap-/dist/css/" в распакованном архиве Bootstrap. Скопируйте файл "bootstrap.min.css" и вставьте его в созданную папку "stylesheet" вашей темы Opencart.
  5. Вернитесь в папку "bootstrap-/dist/js/" и скопируйте файл "bootstrap.min.js". Вставьте его в папку "view/theme/[название-темы]/javascript" вашей темы Opencart. Если папка "javascript" не существует, создайте ее.
  6. Откройте файл "catalog/view/theme/[название-темы]/template/common/header.tpl" вашей темы Opencart в текстовом редакторе.
  7. Найдите строку, в которой подключаются другие стили CSS, и вставьте следующий код перед ней:
1
<link href="catalog/view/theme/[название-темы]/stylesheet/bootstrap.min.css" rel="stylesheet" media="screen" />


  1. Найдите строку, в которой подключаются другие скрипты JS, и вставьте следующий код перед ней:
1
<script src="catalog/view/theme/[название-темы]/javascript/bootstrap.min.js"></script>


  1. Сохраните изменения и перезагрузите страницу вашего сайта OpenCart.


Теперь вы успешно подключили Bootstrap к своей теме Opencart. Вы можете использовать его классы и компоненты для создания адаптивного и стильного дизайна.