1 Збільшимо ширину шаблону
3 допив футер
Відкриємо 2 папки:
... \ catalog \ view \ theme \ Moushe \ template \ common (тут частини нашої теми - шапка, сторінки, права і ліві колонки і змінюваний нами сьогодні футер)
... \ catalog \ view \ theme \ Moushe \ stylesheet (а тут таблиця стилів - stylesheet.css, цей файл відповідає за зовнішній вигляд всього шаблону)
Відкриваємо stylesheet.css і шукаємо цей код:
#container width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
>
#container width: 1210px;
margin-left: auto;
margin-right: auto;
text-align: left;
>
P.S. - Якщо ви хочете зробити шаблон магазину розтягується на весь екран монітора робимо так:
#container width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
>
щоб додати відступи від країв екрану додамо ще одну сходинку з відступами:
#container width: 100%;
padding: 0px 20px 0px 20px;
margin-left: auto;
margin-right: auto;
text-align: left;
>
Підготуємо фон (5 × 290 пікселів, формат jpg):
і закинемо його в цю папку:
після цього знайдемо цей код (stylesheet.css):
body margin: 0px;
padding: 0px;
text-align: center;
>
і вставимо в нього наш фон:
body background: url ( "../ image / fon.jpg") repeat-x;
margin: 0px;
padding: 0px;
text-align: center;
>
Тепер відкриємо файл footer.tpl
P.S. якщо у вікні браузера ви замість напису бачите незрозумілі символи то це виправляється дуже просто - відкрийте footer.php блокнотом, і виберіть зберегти як - і замість кодування ANSI виберіть UTF8.
Ось і результат нашої роботи:
Поділитися "OpenCart (3 частина)"
Забавно, у мене все нормально працює в шаблоні
Зробив, впринципі все вийшло, але є питання: як надати колір тексту (а то він у мене синій якийсь на воне вийшов) і щоб фон пошуку і кошики був зафарбований
фоно основним?
1. - stylesheet.css
a, a: visited, a b color: # 38B0E3;
text-decoration: underline;
cursor: pointer;
>
2 правимо #header #cart і #header #search input (stylesheet.css)
PS - тільки для OpenCart 1.5.1 і вище 🙂
Хееееелп.
статті суперські, все детально розписано, ноймет кожен, але от проблемка ...
при зміні файлу stylesheet.css на сайті це ніяк не відображається ...
навіть елементарно ширину не можу змінити ...
файл відкриваю, правлю і зберігаючи notepad ++, змінитися без оповіщення, але сайт взагалі на це ніяк не реагує (
встановлені останні версії denwer і ocStore 1.5.1.3 (сайт на локалке)
заздалегідь дякую за допомогу :))
Дуже просто, відкриваєте header.tpl і змінюєте в ньому шляху до stylesheet.css - дивіться останній урок по опенкарту в ньому це описано.