Moushe.ru

Блог обо всём

OpenCart 1.5.1 шаблон fly (7 часть)



Продолжим работы над нашим шаблоном.

До:                                                       После:

12

Урок написан специально для Анны, которая написала нам замечательное письмо с помощью обратной связи, Анна привет. Подмигивающая рожица

Список задач на сегодня:

Добавим в шапку сайта адрес, время работы и телефон.

 

И так приступим:

1. Откроем header.tpl и после этого:

<div id="socbuttons">
<noindex>
<a href="1" rel="nofollow" target="_blank"><img src="catalog/view/theme/fly/image/vk.png" alt="Мы в контакте" /></a>
<a href="2" rel="nofollow" target="_blank"><img src="catalog/view/theme/fly/image/odn.png" alt="Мы на одноклассниках" /></a>
<a href="3" rel="nofollow" target="_blank"><img src="catalog/view/theme/fly/image/face.png" alt="Мы в Facebook" /></a>
</noindex>
</div>

вставляем этот код:

<div id="contacts">
<div id="bc">Москва ТК "Савёловский"</div></br>
Павильоны: <div id="bc">С-** / А-**</div> <br />
Работаем ежедневно: <div id="bc">с 10 до 20</div> <br />
Наш телефон: <div id="bc">8 (903) 006 81 **</div>
</div>

2. Откроем stylesheet.css и вставим в него такой код:

#contacts {
position: absolute;
top: 21px;
left: 350px;
text-align: left;
}
#bc {
color: #38b0e3;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
display: inline-block;
}

Результат:

2

На сегодня всё. До новых встреч. Следите за новостями.


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

  1. Спасибо! Полезная статья!

  2. А в какой папке лежит файл header.tpl?

    • catalog/view/theme/default/template/common/header.tpl
      сори за ошибки, если есть 😉

  3. Спасибо. Но скажите еще, в какой ряд или после какой строки вставлять код в stylesheet.css?
    И еще подскажите, у меня не показывает текст, появляются какие то иероглифы))

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

      21.02.2012 at 16:33

      1 — Можно хоть в самый конец stylesheet.css (в любое место, но только после } — закрывающей строки предыдущего стиля)
      2 — Откройте header.tpl с помощью блокнота — сохранить как, кодировка utf-8

  4. Все равно ничего не получается 🙁

  5. Андрей

    22.02.2012 at 18:52

    Спасибо за твои статьи! Очень помогли! Скажи пожалуйста как поместить ссылку «Сравнить» рядом с ссылкой «Заметки» вверху справа под поиском?

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

      22.02.2012 at 22:10

      В следующем шаблоне если незабуду сделаю, в комменты пхп код коряво встаёт, хотя можете скинуть header.tpl мне на почту — hruhru.87@mail.ru

  6. Владислав, ждем продолжения уроков, они будут?
    Вы делаете исключительно полезное дело. Спасибо вам!

  7. Здравствуйте, Владислав! Спасибо за уроки!

    Сделал, как указано в уроке 7. Но, вместо русских букв в шапке с адресом и телефоном, отображаются иероглифы… Подскажите, что не так?

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

      02.03.2012 at 20:10

      Почти в каждом уроке пишу об этом ➡ открываете изменённый файл блокнотом — сохранить как — кодировка utf-8. 🙂

    • Спасибо, добрый человек)))))))

  8. Андрей

    08.03.2012 at 17:00

    Здравствуйте, Владислав!
    У меня возникла необходимость сделать безналичный расчет. Мне нужно сделать обычную заглушку, наподобие оплата курьеру наличными. Т.е. по сути такой же модуль оплаты только с другим названием. Подскажите пожалуйста как это можно реализовать?

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

      08.03.2012 at 19:45

      Копируете модуль наличной оплаты и правите названия файлов и файлы локализации.

  9. Андрей

    09.03.2012 at 14:46

    Я так и сделал, скопировал и поменял названия всех фалов модуля, но выдает ошибку.

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

      09.03.2012 at 17:38

      Теперь внутри файлов нужно прописывать пути к переименованным файлам

  10. Андрей

    09.03.2012 at 21:32

    Да. Так и изначально сделано было. Там видимо свои переменные в php коде нужно ставить.

  11. Александр

    12.03.2012 at 12:58

    Владислав, спасибо за уроки!
    Вопрос не по теме этого урока, но очень бы хотелось узнать, как сделать вывод товаров в категориях не «1 товар на 1 строке» а так, чтобы в в каждой строке было представлено 3-4 товара с кратким описанием.

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

    12.03.2012 at 21:33

    В следующих уроках постараюсь охватить эту тему.

  13. Александр

    14.03.2012 at 17:23

    Нужна помощь! Мне нужно вывести прайс-листы в виде таблиц, но когда страница становится достаточно большой она обрезается и футер поднимается наверх. Т.е. не могу большой контент разместить на странице.

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

      14.03.2012 at 20:09

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

  14. Владислав, не подскажете, как сделать файл прайс листа скачиваемым? Как вообще это реализовать?

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

      01.04.2012 at 20:59

      Ставите модуль который делает из таблиц базы данных прайс-лист, смотрите куда сохранился этот файл, и создаёте ссылку на него в меню навигации или футере, либо ставите модуль html и в теле модуля выводите ссылку с картинкой.

  15. Простите, я чуть неправильно вопрос поставил…
    У меня есть файл иксель на компе. Я хочу сделать его доступным для скачивания с главной страниы сайта.

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

      01.04.2012 at 22:17

      http://moushe.ru/nashi-stati/web-dizajn-2/opencart-1-5-1-shablon-fly-6-chast/ — 2 шаг, только указываете путь к вашему файлу и даёте ссылку название прайс-лист.

    • Владислав, а куда мне файл прайс листа положить и как узнать, какая у него будет ссылка?
      Извините за глупые вопросы… Реально не понимаю

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

      03.04.2012 at 21:13

      Если вы сбросили файл к себе на сервер в папку prise то указываете в ссылке на прайс — http://www.ваш сайт.ru/prise/название вашего прайс-листа.расширение документа

  16. Спасибо большое!!!

  17. Дмитрий

    06.06.2012 at 18:00

    Владислав, вы можете выложить файлы stylesheet.css и header.tpl.php а то я намудрил, где-то.. спасибо!)

    • Дмитрий

      06.06.2012 at 18:01

      Имею ввиду готовый шаблон fly

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

      06.06.2012 at 21:13

      Не могу — ибо этот шаблон существует только в виде этих уроков — шаблон удалён вместе с OpenCart 1.5.1 после выхода OpenCart 1.5.2

  18. Хорошо бы ссылку на готовый шаблон урока.

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

      17.06.2012 at 23:40

      Вы комментарий чуть выше читали?

  19. Константин

    10.12.2012 at 06:45

    Все красивости не отображаются в Internet Explorer 8, возможно с этим что то сделать?

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

      10.12.2012 at 21:01

      Да возможно, не использовать ие 8 😉

  20. Большой процент потенциальных клиентов используют Internet Explorer 7-8, отрезать их от интернет магазина, непростительная ошибка…

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

      12.12.2012 at 10:20

      IE 7-8 не умеют видеть некоторые css стили и это проблемы браузера.

  21. Эльвира

    21.12.2012 at 12:57

    Владислав! Помогите! Делаю по Вашему уроку, но баннер и все содержание страницы вылазит влево, текст отображается рядом с кнопками языков, а мне надо ниже войти и зарегистрироваться.
    что делаю не так?
    [URL=http://radikal.ru/F/s48.radikal.ru/i120/1212/9f/fb92d84800ff.png.html][IMG]http://s48.radikal.ru/i120/1212/9f/fb92d84800fft.jpg[/IMG][/URL]

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

      21.12.2012 at 17:41

      Не понял вопроса, дайте ссылку на сайт.

  22. Здравствуйте. У меня версия 1.5.3.1. После того как я проделал все эти манипуляции ничего не изменилось.

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

      05.01.2013 at 22:18

      Все семь уроков делали ?

  23. Извините за преждевременный камент , нашел в GreenTea (4 часть) для своей версии . А можно еще шрифт как нибудь изменить и располодение строк подправить. Спасибо.

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

      05.01.2013 at 22:19

      stylesheet.css — любой учебник по css ответит на ваши вопросы. 🙂

  24. Здравствуйте. Недавно выявил одно неудобство данного метода. Когда браузер сворачиваешь в окно(+- на пол экрана) , окно с контактами сплывает влево под логотип. Его можно как-то закрепить? сайт vlk.in.ua

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

      15.02.2013 at 20:30

      Переделайте ксс стиль.

  25. Ярослав

    03.04.2013 at 14:50

    Сделал все как написано.
    Ничего не появилось.
    версия 1.5.1.3
    http://www.dpe-market.com

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

      03.04.2013 at 21:30

      1. Надеюсь вы выбрали в админке тот самый шаблон, в header.tpl которого вставляли контакты — потому что я не вижу в css вашего шаблона your-fashion-store своего css кода contacts.

      Не хочу вас учить, но не удержался:

      2. Зачем в интернет магазине собирать пожертвования, выглядит некрасиво и не профессионально, представьте, вы приходите в магазин ну например в Ашан, а на кассах сидят девушки и просят у вас денег на развитие магазина…
      3. Не используйте в футере эту кучу ссылок — 11 штук, вредно для раскрутки магазина, всё таки не информационный портал делаете и не хранилище чужих ссылок.

    • Ярослав

      04.04.2013 at 14:38

      Спасибо за быстрый ответ.
      1. надо в admin или в каталоге, изменять файл? Там не было написано.
      2. Спасибо за рекомендацию. Все удалил. Фигня была и вправду ))
      3. Ссылки предприятий с которых идут и мои ссылки. Возможно дадут вес?!

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

      04.04.2013 at 21:07

      Тогда поставьте модуль html и сделайте заголовок — Наши партнёры (к примеру) и разместите ссылки в нём, вывод настройте на странице контактов к примеру — чтобы не мозолили глаза на главной странице но индексировались.

      Раз дружелюбно относитесь к критике то дам ещё пару советов. 🙂
      1. Главная / заметки и тд сделайте другим шрифтом и сделайте все буквы большими — будут больше обращать на себя внимание — будут выглядеть важными как и должны быть. Так же при наведении курсором мышки можно добавить бордюр с закруглёнными краями. Так же хорошо бы их сделать на одной высоте с валютой и поиском, а то стиль нарушен.
      2. Уберите тени у блоков входа / регистрации и валют / поиска — шаблон из-за них выглядит смазанным.
      3. Кнопка поиска слишком тонкая, чуть толще будет отлично смотреться.
      4. Фиолетовое меню категорий, выглядит хорошо пока не наводишь мышь и не видишь чёрный цвет, измените чёрный на белый, будет лучше смотреться.
      5. Информация, служба поддержки и т.д. плохо читаются на сером фоне, сделайте шрифт жирным и лучше всё таки белым цветом.
      6. У фона не качественный градиент.
      7. Авторизация не очень смотрится своими разными кнопками и то что они прижаты к окну ввода пароля и друг к другу.

  26. Ярослав

    16.05.2013 at 15:45

    Данный метод не работает до тех пор, пока не включишь ЛОГО в настройках магазина!
    Фото добавить нужно.

  27. Диана

    09.11.2015 at 21:46

    Здравствуйте, Владислав! Большое спасибо за урок 🙂
    У меня возникла одна проблема. Подскажите как исправить, пожалуйста. Дело в том, что у меня на сайте вместо краткого и понятного: «Корзина: 0 шт. — 0 р.» написано: «Корзина товаров: Товаров в корзине: 0 шт. на сумму 0 рублей». Скажите, в каком файле можно отредактировать это?

  28. Диана

    10.11.2015 at 11:22

    Ещё раз здравствуйте. Очень извиняюсь, что снова прошу Вашей помощи. У меня всё никак не получается вставить адрес, время работы и телефон в шапку сайта. Во-первых, между строк появляются пробелы, из-за чего текст растягивается по длине и он ставится сверху на логотип 🙁 а во-вторых, я не совсем понимаю, куда ставить в header.tpl нужные строки, так как всё, что идет после этого: «» удалила давным давно. Заранее благодарю за помощь!

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

Your email address will not be published.

*

CAPTCHA image
*

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

Вверх ↑



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