Как переместить блок преимуществ (перестрахования) вверх сайта
Доброго времени суток дорогие пользователи и гости сайта! Представляем Вашему вниманию новый урок, который поможет переместить блок преимуществ (блок с гарантиями для клиентов) вверх сайта.
Если Вы хотите переместить модуль «блок с гарантиями для клиентов» вверх сайта, по умолчанию он выводится внизу сайта. В данном руководстве мы расскажем как его переместить вверх сайта.
Нам нужно изменить ядро модуля, по умолчанию данный модуль не поддерживает «displayHeader», мы будем использовать именно «displayHeader», вместо «displayTop». Мы должны добавить поддержку этого хука вручную, а также изменить файл стилей «CSS», для модуля.
Открываем основной файл модуля с именем «blockreinsurance.php», он находится в директории модуля "/modules/blockreinsurance/". Перед последней закрывающиеся скобкой "}", добавляем этот код:
Для того чтоб расположить модуль в новый хук перейдите в «Модули > Расположение блоков» и нажмите на зеленую кнопку «Расположить модуль»:
там Вы увидите два выпадающих меню в первом выберете «Блок с гарантиями для клиентов», а во втором «displayHeader (Pages header)», именно так как показано на изображении ниже. Другие поля не нужно трогать, только эти два. После этого нажмите на зеленую кнопку «Сохранить».
Вы увидите уведомление о том что «Модуль перенесен».
Для этого переходим в «Модули > Расположение блоков», используем сочетания клавиш «Ctrl+F», вводим «displayFooter» и удаляем из данного хука модуль «Блок с гаранитями для клиентов», как показано на изображении ниже:
После этого действия модуль будет удален из первоначальной позиции «Footer». Теперь можно переходить к последним правкам.
Приступим к изменению стиля модуля. Нам нужно изменить файл «style.css», файл находится в директории модуля "/modules/blockreinsurance". Также хотим напомнить, что если существует этот файл в Вашей теме "/modules/css/" — нужно править именно его вместо оригинала. Теперь ближе к делу открываем файл, удаляем с него все и вставляем туда код представленный ниже:
Сохраните изменения. Вот и все.
Если Вы хотите переместить модуль «блок с гарантиями для клиентов» вверх сайта, по умолчанию он выводится внизу сайта. В данном руководстве мы расскажем как его переместить вверх сайта.
Модификация блока перестрахования
Нам нужно изменить ядро модуля, по умолчанию данный модуль не поддерживает «displayHeader», мы будем использовать именно «displayHeader», вместо «displayTop». Мы должны добавить поддержку этого хука вручную, а также изменить файл стилей «CSS», для модуля.
displayHeader поддержка хука
Открываем основной файл модуля с именем «blockreinsurance.php», он находится в директории модуля "/modules/blockreinsurance/". Перед последней закрывающиеся скобкой "}", добавляем этот код:
public function hookDisplayHeader($params){
return $this->hookFooter($params);
}
Располагаем модуль в новый хук
Для того чтоб расположить модуль в новый хук перейдите в «Модули > Расположение блоков» и нажмите на зеленую кнопку «Расположить модуль»:
там Вы увидите два выпадающих меню в первом выберете «Блок с гарантиями для клиентов», а во втором «displayHeader (Pages header)», именно так как показано на изображении ниже. Другие поля не нужно трогать, только эти два. После этого нажмите на зеленую кнопку «Сохранить».
Вы увидите уведомление о том что «Модуль перенесен».
Удаляем модуль из хука displayFooter
Для этого переходим в «Модули > Расположение блоков», используем сочетания клавиш «Ctrl+F», вводим «displayFooter» и удаляем из данного хука модуль «Блок с гаранитями для клиентов», как показано на изображении ниже:
После этого действия модуль будет удален из первоначальной позиции «Footer». Теперь можно переходить к последним правкам.
Изменения стилей Блок с гарантиями для клиентов
Приступим к изменению стиля модуля. Нам нужно изменить файл «style.css», файл находится в директории модуля "/modules/blockreinsurance". Также хотим напомнить, что если существует этот файл в Вашей теме "/modules/css/" — нужно править именно его вместо оригинала. Теперь ближе к делу открываем файл, удаляем с него все и вставляем туда код представленный ниже:
/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {display:block; clear:both; background:url(../blockreinsurance/img/bg_reinsurance_block.gif) repeat-x 0 0 #c3c7cb}
#reinsurance_block ul {list-style:none; width:980px; margin:auto;}
#reinsurance_block li {
float:left;
padding:15px 10px !important;
font-size:13px;
color:#333;
text-transform:uppercase;
text-shadow:0 1px 0 #fff
}
#reinsurance_block .width1 li {width:960px}
#reinsurance_block .width2 li {width:470px}
#reinsurance_block .width3 li {width:305px}
#reinsurance_block .width4 li {width:224px}
#reinsurance_block .width5 li {width:175px}
#reinsurance_block li img{
float:left;
margin-right:10px;
}
#reinsurance_block li span {
float:left;
padding-top:12px;
width:65%;
}
Сохраните изменения. Вот и все.
14 comments
пишите в теме я постараюсь сделать видео по Вашему вопросу.