Изменение шапки (header.tpl) стандартного шаблона

[HappyUser]

Уважаемые гуру, подскажите пож-та

OpenCart изучаю не так давно поэтому сильно не критикуйте, (есть базовые знания Html и CSS)

 

Задача у меня была следующая добавить текстовое поле (тел) под кнопкой корзина товаров в базовом шаблоне

 

Сначало добавил <div class="header_PHONE"> в Header.tpl  (смотрите header.tpl.png)

Потом сделал в файле stylesheet.css описание стиля

.header_PHONE
{ 
float: right;
max-width: 300px;
margin-bottom: 5px;
margin-right: 18px;
font-size: 11pt;
font-family: verdana;
font-style: italic;
color: #333;
border: 1px dashed #38B0E3;
padding: 5px;
}

Вопрос в следующем правильно ли я это сделал? Есть ли более правильный способ?   Смотрите картинку header_screen.png

и что значит class="col-sm-3", "col-sm-2", "col-sm-4" можно ли использовать эти классы для собственных div

И почему ромбики с вопросами, я так понимаю что то с кодировкой?

 

Заранее спс за ответы и советы!

Змінено 24 листопада 2016 користувачем Skunk
[code]

[HappyUser]

Огромное спасибо за такой развернутый ответ!

Реально прояснилось многое!

Bootstrap полюбому надо мне изучить, это я понял. Мощная штука судя по описанию.

как я не догадался <?php echo $telephone; ?>  в tpl сделать сам не пойму это круто

проблема с кодировкой отпадает когда вставляется php переменная, а телефон забивается в админке!

 

единственное что не понял это что такое

 

потому используем в контроллер
$data['telephone'] = $this->config->get('config_telephone');

 

контроллер это файл из Bootstrap или что то другое?  :oops:

 

Еще раз спасибо! Очень помогли! Благодарю! 

[HappyUser]

Спасибо большое! теперь все понятно на 100%, думаю вопрос закрыт )

Второе сообщение вообще все объясняет )

теперь без проблем можно все исправить! еще раз спасибо! сейчас найду где плюсануть рейтинг )))))

Змінено 6 листопада 2016 користувачем HappyUser

[shoputils]

Ушло в FAQ