Moushe.ru

Блог обо всём

OpenCart контакты на главной странице магазина



Мне нравится получать всю информацию о магазине (телефон, адрес и тд.) сразу на витрине магазина, сегодня мы этим и займёмся мы с вами выведем всю информацию о магазине в файл header.tpl.

До:                                                      После:

12

1. Приступим к работе, откроем файл header.tpl (..\catalog\view\theme\default\template\common) и ищем эти строки (97-98):

</div>
<div class="div6">

между ними создадим такой код:

<div class="contacts">
<div class="con1">
</div>
</div>

Наполним код содержимым:

<div class="contacts">
<div class="con1">
<div class="title">Контакты:</div>
<div class="text">Телефон: +7 (903) 006-81-**<br />
ICQ: 493 296 671</div>
<div class="title">Наш адрес:</div>
<div class="text">Москва, ТК "Савёловский"<br />
павильоны С*, A*</div>
<div class="title">Часы работы:</div>
<div class="text">Павильоны: 10:00 - 20:00<br />
Сервис центр: 10:00 - 14:00</div>
</div>
</div>

2. Создадим картинку (она будет фоном нашего нового блока) и закинем в папку image (..\catalog\view\theme\default\image):

logo

(картинка не ахти конечно, но мне не хотелось 2 часа рисовать фон для простенького урока, а вы можете полазить на фотостоках или взять любую фотографию)

 

3. Откроем файл stylesheet.css (..\catalog\view\theme\default\stylesheet) и вставим в него такой код:

.contacts {
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.con1{
background: url('../image/logo.jpg') no-repeat;
width: 958px;
height: 195px;
}
.title{
color: #ea7f00;
font-size: 14px;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 5px;
font-weight: bold;
}
.text {
color: #8c8c8c;
font-size: 12px;
padding-left: 7px;
text-transform: uppercase;
padding-bottom: 4px;
}

 

Смотрим на результат:

2

На этом наш урок окончен. Следите за новостями. Улыбка

16 Комментариев

  1. Раиль

    05.01.2012 at 23:28

    Расскажите как перенести с локального диска на сервер. Особенно интересует файлы конфигурации.

  2. Раиль

    05.01.2012 at 23:34

    Сайт перенёс на сервер, конфигурацию изменил, но когда открываешь сам сайт, просто белая страница. В чём дело?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      05.01.2012 at 23:40

      База данных называется по разному ? Тогда правим файл config.php, он лежит в корне сайта

  3. Раиль

    05.01.2012 at 23:50

    базу исправил, исправил всё. вот и не могу понять

  4. Серёга

    10.01.2012 at 22:12

    Не могу добавить товар в OpenCart пишет вот это
    Error: You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '-description, description, title, h1) VALUES ('59', '1', 'ццццццццццц' at line 1
    Error No: 1064
    INSERT INTO oc_product_description (product_id, language_id, name, meta_keywords, meta_description, mini-description, description, title, h1) VALUES ('59', '1', 'цццццццццццццццццццц', '', '', '', '', '', '')

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      10.01.2012 at 22:52

      mini-description ? почему не через нижнее подчёркивание ? (нужно было использовать не — , а _ ) Если в базе данных сделали _ а в привязке — то вполне логично что сайт ругается.

  5. Серёга

    10.01.2012 at 23:08

    А не подскажешь где искать ошибку: (-description)?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      10.01.2012 at 23:45

      Открываете все файлы которые правили по моим предыдущим урокам notepad++ и в поиск вбиваете -description и он вам выдаст эту строку во всех открытых файлах.

  6. Серёга

    11.01.2012 at 00:36

    Огромное спасибо,всё нашёл!!! 🙂

  7. Сергей

    06.02.2012 at 09:06

    Приветствую! Расскажите пожалуйста, откуда можно взять шаблон-внешний вид как на последней фото этого урока (с елочкой, в синем исполнении, с навигацией вверху)? Спасибо!

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.02.2012 at 21:27

      Это стандартный шаблон OpenCart’а 1.4.9 — можно скачать вместе с движком с офф форума (с новыми версиями OpenCart’а не совместим — очень много нужно переписывать — проще из шаблона OpenCart’а 1.5.1 сделать подобие этого шаблона). 🙂

  8. Серёга

    16.02.2012 at 23:11

    Скажите пожалуйста ,а как перенос сайта OpenCart с денвера на хостинг ?

  9. Серёга

    19.02.2012 at 02:56

    СПАСИБО!!!!! Всё получилось!!!

  10. А можно ли сделать такой урок и для ОС 1.5.3.1?…
    Очень бы хотелось…

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика