Opencart (част 4)

Нека продължим да работим върху нашия OpenCart шаблон

Списък със задачи за днес:

2 Изрежете снимки

3 Премахнете 4 връзки

1. Отворете папката - ..\image\data

Търсим картинка logo.png това е заглавката на нашия сайт, сега ще я преначертаем.

Нарисувах подобна картина (само например, след това вмъкнете нормално лого):

Размери 300 х 70 пиксела.

Нека актуализираме страницата с нашия сайт:

Навигацията се отдалечи от лентата за търсене поради размера на изображението, поправете го:

#header .div3 float: дясно; подложка-отгоре: 7px; височина: 38px; >

промени на това:

#header .div3 float: дясно; подложка-отгоре: 17px; височина: 38px; >

2. Не харесвам блокирани снимки - Категории, производители, информация и т.н., нека ги премахнем:

Отворете папка: ..\catalog\view\theme\Mouse\template\module

Нека направим същото за файловете:

бестселър (бестселъри)

оставете кошницата с картината - нека тя да изпъкне.

Нека отворим stylesheet.css и потърсим кода:

.box .top padding: 8px 0px 8px 7px; цвят: #000000; размер на шрифта: 14px; семейство шрифтове: Arial, Helvetica, sans-serif; тегло на шрифта: получер; преобразуване на текст: главни букви; >

Нека добавим един ред:

Харесваме резултата:

3. Премахнете връзки: промоции, любими, контакти, карта на сайта

Отворете файла header.tpl - ..\catalog\view\theme\Mouse\template\common

И премахнете този ред:

Без него сайтът започна да изглежда така:

Премахнете 2 колони (вече не се използват):

#header .div3 float: дясно; подложка-отгоре: 17px; височина: 38px; > #header .div3 a margin-left: 15px; подложка: 1px 0px 2px 20px; фоново повторение: без повторение; позиция на фона: ляв център; >

#header .div4 ширина: 510px; ясно: надясно; float: дясно; височина: 32px; padding-right: 14px; >

#header .div4 ширина: 510px; ясно: надясно; float: дясно; височина: 32px; padding-right: 14px; подложка-отгоре: 70px; >

#header .div4 ширина: 510px; ясно: надясно; float: дясно; височина: 32px; подложка: 70px 14px 0 0; >

Това е всичко за днес, ще се видим в следващата статия.