Изменить разметку в бутстрап

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем safronman, 26 ноя 2015.

  1. safronman

    safronman Новичок

    Сообщения:
    17
    Симпатии:
    0
    Подскажите где лежат файлы которые отвечают за разметку бутстрап. К примеру у меня есть 2 блока "col-sm-3" и "col-sm-9" , а я хочу сделать вот так "col-sm-6" и "col-sm-6". С помощью мазилы и дополнения firebug я могу поменять в браузере, но не пойму где лежат эти файлы в опенкарте. Скриншот http://joxi.ru/xAe50XOHWDENAy
     
  2. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    813
    Симпатии:
    216
  3. safronman

    safronman Новичок

    Сообщения:
    17
    Симпатии:
    0
    Спасибо за ответ. Судя по скриншоту, а именно я смотрел по тегу <body>, то мне нужен шаблон который находиться в product/category. Т.е. файл я нашел в catalog/view/theme/default/template/product/category.tpl. Хорошо, с этим вроде бы понятно.

    Но теперь я хочу сделать адаптивным текст прописав ему вот такое свойство:
    @media (max-width:768px) {
    h6 { font-size:20px;}
    }
    Скриншот: http://joxi.ru/p27o7E3iQeZd27
    И если опять судить по скриншоту то мне следует попасть вот сюда catalog/view/theme/default/template/common/home.tpl, но там нет вообще никакого упоминания про необходимый заголовок. Скидываю home.tpl, возможно это просто я не вижу чего то. Где же прописать свойство адаптивности заголовка H6?
     

    Вложения:

    • home.zip
      Размер файла:
      312 байт
      Просмотров:
      1
  4. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    813
    Симпатии:
    216
    Это шаблон модуля слайдера? Что это вообще за блок?
     
    Последнее редактирование: 27 ноя 2015
  5. safronman

    safronman Новичок

    Сообщения:
    17
    Симпатии:
    0
    Нет, это не блок слайдера. Я просто не знаю как грамотно заголовок положить поверх изображения, поэтому я заголовок залил картинкой и поставил отступы по 150px сверху и снизу, чтобы была видна картинка.
     
  6. Vlad

    Vlad Эксперт

    Сообщения:
    3.869
    Симпатии:
    936
    скиньте лучше ссылку на сайт.
     
  7. safronman

    safronman Новичок

    Сообщения:
    17
    Симпатии:
    0
    Решил вопрос следующим образом.
    Прописал в файле /catalog/view/theme/default/template/common/home.tpl после вот этой строчки <?php echo $header; ?> тег H1, а свойство адаптивности задал ему в файле стилей catalog/view/theme/default/stylesheet.stylesheet.css.
    А именно вот такой код

    Код:
    h1 {
        font-size: 64px;
        }
    @media (max-width: 992px) {
            h1 {
                font-size: 40px;
            }
           }
     
  8. solunski.d

    solunski.d Эксперт

    Сообщения:
    1.565
    Симпатии:
    428
    o_O
    HTML:
    <h1>
        <img src="" alt="COMPANY NAME">
    </h1>
    
    h1 {
        margin:0;
    }
    
    В итоге в h1 будет попадать содержимое атрибута alt