OpenCart (4 частина)

Продовжимо роботи над нашим шаблоном OpenCart'у

Список завдань на сьогодні:

2 Виріжемо картинки

3 Видалимо 4 посилання

1. Відкриємо папку – ..\image\data

Шукаємо картинку logo.png це шапка нашого сайту, тепер перемалюємо її.

Я намалював таку картинку (просто для прикладу, потім вставте нормальний логотип):

Розміри 300 x 70 пікс.

Оновимо сторінку з нашим сайтом:

Навігація через розмір картинки відсунулася від панелі пошуку, виправимо:

#header .div3 float: right; padding-top: 7px; height: 38px; >

змінюємо на це:

#header .div3 float: right; padding-top: 17px; height: 38px; >

2. Мені не подобаються картинки блоків – Категорії, виробники, інформація тощо, давайте їх видалимо:

Відкриємо папку: ..\catalog\view\theme\Moushe\template\module

Зробимо те саме у файлах:

bestseller (хіти продажу)

кошик залишимо з картинкою - нехай виділяється.

Відкриємо stylesheet.css та шукаємо код:

.box .top padding: 8px 0px 8px 7px; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; >

Додамо один рядок:

.box .top padding: 8px 0px 8px 7px; color: #000000; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-align: center; >

Милуємось на результат:

3. Видалимо посилання: акції, обране, контакти, картка сайту

Відкриємо файл header.tpl – ..\catalog\view\theme\Moushe\template\common

І видалимо цей рядок:

Без неї сайт став виглядати так:

Видалимо 2 колонки (вони більше не використовуються):

#header .div3 float: right; padding-top: 17px; height: 38px; > #header .div3 margin-left: 15px; Padding: 1px 0px 2px 20px; background-repeat: no-repeat; background-position: left center; >

#header .div4 width: 510px; clear: right; float: right; height: 32px; padding-right: 14px; >

#header .div4 width: 510px; clear: right; float: right; height: 32px; padding-right: 14px; padding-top: 70px; >

#header .div4 width: 510px; clear: right; float: right; height: 32px; Padding: 70px 14px 0 0; >

На сьогодні все зустрінемося в наступній статті.

---