Opencart допрацьовуємо футер сайту (1 частина)

Відвідувачі сайту просили мене написати статтю про доопрацювання футера, цим ми сьогодні і займемося.

1. Складемо список речей необхідних нам в футере сайту:

Посилання на головну сторінку, контакти, карту сайту

Іконки соц. мереж

Трохи змінимо авторські права

2. Відкриємо footer.php (.. \ catalog \ view \ theme \ default \ template \ common) і замість стандартного коду вставимо такий:

Головна
Контакти
Карта сайту
Вхід для адміністратора

Тепер відкриємо stylesheet.css (.. \ catalog \ view \ theme \ default \ stylesheet) і змінимо це:

#footer width: 100%;
clear: both;
padding-top: 5px;
border-top: 1px solid #DDDDDD;
>
#footer .div1 float: left;
text-align: left;
>
#footer .div2 float: right;
text-align: right;
>

#footer width: 100%;
height: 120px;
clear: both;
padding-top: 5px;
border: 1px solid #DDDDDD;

Дивимося результат виконаних змін:

У наступних уроках ми додамо фон, вставимо інші симпатичні іконки соц. мереж і зробимо у блоку закруглені кути. Слідкуйте за новинами.

Поділитися "OpenCart допрацьовуємо футер сайту (1 частина)"

після картинки використовуйте тег br і пишіть свій текст.

Використовуйте тег br правильно, відкриває дужка br / закриває дужка, а не свою «оригінальну» конструкцію. Вбийте в яндекс - тег br і він покаже вам як його використовувати правильно.