Jump to content
Sign in to follow this  
FuguFish

Как поставить иконки к ссылкам в хедере?

Recommended Posts

Приветствую.

Буквально пару дней назад познакомился с OpenCart. Купить шаблон не позволяют средства, работать с ворованным - не позволяет совесть. Посему решил сделать сам.

Сразу скажу, что  я не просто чайник (честный), а нуб, нифига не понимающий в php. Чуть-чуть знаю основы html и css.

 

Мне нужно прикрепить иконки к ссылкам в хедере.

 

Попробовал сделать так (по аналогии с бесплатным шаблоном Acceptus)

header.tpl

<div class="links">
  <a href="<?php echo $home; ?>" class="icon-home"><?php echo $text_home; ?></a>

stylesheet.css

#header .links {
	position: absolute;
	left: 290px;
	top: 12px;
	font-size: 10px;
	font-weight: bold;
	padding-right: 10px;
	z-index:11;
}
.icon-home {
	background: url(../image/icon-home.png) left center no-repeat;

Результата ноль.

Прошу помощи.Буду благодарен за детальное объяснение, чтобы понять.

 

ЗЫ. В прикрепленных: 1. как есть 2. как хочется

post-684955-0-23309800-1405172593_thumb.jpg

post-684955-0-57364300-1405172603_thumb.jpg

Share this post


Link to post
Share on other sites

Может нужно банально прописать высоту\ширину в стилях? Если че, то пальцем в небо тычу.

Share this post


Link to post
Share on other sites
Купить шаблон не позволяют средства, работать с ворованным - не позволяет совесть

 

это хорошо,но вот выбор бесплатных шаблонов так велик,что может есть смысл для начала поставить один из тысячи бесплатных шаблонов?

 

http://www.opencart.com/index.php?route=extension/extension&filter_download_id=31&path=1&filter_license=0

 

https://opencartforum.com/forum/19-бесплатные-шаблоны/

 

вот кстати очень хороший

 

https://opencartforum.com/files/file/1860-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-rubber/

Share this post


Link to post
Share on other sites

это хорошо,но вот выбор бесплатных шаблонов так велик,что может есть смысл для начала поставить один из тысячи бесплатных шаблонов?

 

http://www.opencart.com/index.php?route=extension/extension&filter_download_id=31&path=1&filter_license=0

 

https://opencartforum.com/forum/19-бесплатные-шаблоны/

 

вот кстати очень хороший

 

https://opencartforum.com/files/file/1860-%D1%88%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD-rubber/

 

Спорить не буду. Однако, в любом случае шаблон будет допиливаться под себя: где-то ссылки поменять, где-то иконки. Было решено сделать сразу. А в процессе разобраться, и понять как это работает ибо в дальнейшем поддерживать и допиливать сайт придется самому.

 

Кстати, я разобрался что к чему с иконками. Был неверно прописан путь к stylesheet.css

В любом случае, спасибо за совет.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By ambalocha69
      300.00 руб
      Скачать/Купить дополнение


      Иконки подкатегорий в главном меню (Opencart 2.0)
      Данный модификатор позволяет назначить каждой категории пиктограмму (иконку).
      Пиктограммы будут отображаться:
      для категорий 2-го уровня в главном меню, для всех категорий на странице списка категорий в админке. Для настройки отображения добавьте в stylesheet.css класс zo_ico. Пример для шаблона default
      .zo_ico {
      position: relative;
      left: -5px;
      }
      Страница категорий в админке:

      Редактирование:

      Языки: русский
      Коммерческий релиз 08.10.15
      Лицензирование модуля
      - приобретая модуль вы получаете право его использования на одном публичном домене
      - использование на локальных серверах не ограничивается
      - Дополнение является объектом авторского права и принадлежит его создателю
      - Вы не можете передавать, продавать, распространять, обмениваться и сдавать в аренду какую-либо часть дополнения
      - Вы не можете размещать дополнение на других сайтах, чтобы оно было доступно для скачивания
      Поддержка
      - Поддержка осуществляется автором по электронной почте (указана в админке модуля в заголовке)
      - При обращении в поддержку обязательно указывайте адрес сайта на котором установлен модуль, версию движка, описание проблемы
      (желательно со скриншотом). По возможности сразу добавляйте доступ в админку (достаточно режима демонстрации) - это сильно
      упрощает работу и экономит время.
      Расширение функционала
      - функционал модуля постоянно расширяется
      - Пишите, если считаете нужным добавить в модуль какую нибудь полезную функцию - ваши пожелания будут учтены в следующих версиях
      Авторские права:

      Добавил ambalocha69 Добавлено 08.10.2015 Категория Модули Системные требования Сайт разработчика http://opencart.zone/modules-2-0/zo_ico Старая цена Метод активации Автоматическая активация Ioncube Loader Нет OpenCart 2.1 ocStore Несовместим OpenCart.Pro, ocShop Обращение к серверу разработчика  
    • By neoseo
      Скачать/Купить дополнение


      Статьи в шапке Opencart 2.x, модуль OpenCart, веб-студия NeoSeo
      Модификация дублирует статьи из подвала в шапку сайта.
        Attention, только в NeoSeo:
       
      1. Внимание: Открытый код!
      2. Все обновления к купленным модулям - бесплатно и навсегда.
      3. Техническая поддержка и оперативные ответы на вопросы - бесплатно и навсегда.
      4. NEW! Помощь в установке и устранении ошибок при установке модулей - бесплатно и навсегда, но в порядке общей очереди.
      5. NEW! Оперативный удаленный помощник по TeamViewer по специальному тарифу, 15 мин. - 369 руб. для тех, кому нужно уже, не дожидаясь бесплатной поддержки, которая предоставляется в порядке общей очереди.
       
      Если у Вас есть вопросы, пожалуйста, напишите в ЛС или на info@neoseo.com.ua или позвоните нам:
      Россия, все звонки бесплатно
      8 800 551 94 15
        Украина: +380 67 67 07 647 +380 63 71 70 763
      +380 50 34 58 565
       
       
      МЫ РАБОТАЕМ:
      Понедельник-пятница 
      с 9-00 до 19-00 по Киевскому времени 
       
       
      Суббота и Воскресенье
      - выходные дни!
       
      Лицензионные условия.
       
       
      Пожалуйста, внимательно читайте то, что написано на странице каждого модуля в инструкции
      по установке и обновлениям:
       
      1. Данный модуль устанавливается без лицензии
       
      2. Распакуйте архив с модулем и загрузите содержимое папки upload на сайт
       
      3. Установите модуль посредством меню Дополнения / Модули
       
      4. Установите права на просмотр модуля нужным пользователям
       
      5. Зайдите в настройки модуля, укажите нужные параметры и сохраните настройки.
       
      ВАЖНО! Если вы видите сообщение о том, что файл лицензии не найден не переходите к этапу #7.
      В таком случае ознакомьтесь со статьей https://neoseo.com.ua/otsutstvuet-fayl-licenzii
      или напишите нам на support@neoseo.com.ua, мы поможем выявить причину не активации лицензии. Если вы убедились в том, что модуль видит лицензию, вы можете переходить к следующему пункту.
       
      6. Обновите модификаторы (Дополнения / Модификаторы)
       
       
       
      Общий порядок обновления модулей:
       
       
      Советы:
       
       
      Пробуйте бесплатно!
      Напишите на почту: license@neoseo.com.ua и мы выдадим вам тестовую лицензию на 14 дней!
       
      Важно. Условия бесплатной и платной
      информационной и технической поддержки.
       
      Очень часто спрашивают:
       

      Преимущества модулей от NeoSeo:
       
       
      Посмотреть работу модуля вы сможете тут:
      https://demo.neoseo.com.ua/admin
      логин: admin
      пароль: admin
       
      Пожалуйста, ознакомьтесь с полным перечнем наших модулей здесь:  https://neoseo.com.ua/moduli-dlya-opencart/
       
      Нажмите здесь http://prntscr.com/j1sqxc, чтобы быть в курсе всех обновлений.
       
      Уважаемые покупатели, скажите, что может быть лучше для развития модуля, чем публичные обсуждения и отзывы?
      Мы уверены это хороший стимул предоставлять услуги еще лучше ).

      Пожалуйста, все вопросы для обсуждения пишите здесь:
      https://opencartforum.com/topic/67991-stati-v-shapke-opencart-2x/
       
      Отзыв о работе модуля, пожалуйста, напишите здесь:
      https://opencartforum.com/files/file/3489-stati-v-shapke-opencart-2x/?tab=reviews
       
      Также, очень рекомендуем Вам, купить и другие наши продукты, которые пригодятся в абсолютно любом магазине.
       
      Спасибо, что вы с нами, всегда рады помочь развитию вашего онлайн-бизнеса!
      Веб-студия NeoSeo - полноценная Команда, решаем любые вопросы оперативно и качественно.
       
      ФУНКЦИОНАЛ НАЗВАНИЕ И ОПИСАНИЕ ССЫЛКИ ИНСТРУМЕНТЫ для
      SEO ПРОДВИЖЕНИЯ:
        1. SEO-Фильтр. Кроме того, что этот модуль предназначен для создания  фильтров, он позволяет создавать сотни или даже тысячи специальных посадочных страниц, чтобы получать из поисковой выдачи средне и низко-частотный трафик бесплатно      2. Генератор robots.txt, без которого поисковые роботы проиндексируют ненужные страницы и понизят вам релевантность  
       
          3. Отслеживание битых ссылок, чтобы не терять трафик впустую      4. Модуль создания редиректов, который позволяют починить битые ссылки     5. Источник заказа, чтобы отслеживать эффективность рекламных кампаний   ПОВЫШЕНИЕ ПРОДАЖ:   1. Выгрузка товаров на Prom.ua, Ava.ua, Hotline, Facebook.com, Яндекс.Маркет, Nadavi.net, Price.ua, Torg.mail.ru и др. прайс-агрегаторы, Модуль для Opencart от веб-студии NeoSeo, который позволяет выгрузить данные для прайс агрегаторов  
        ОБРАБОТКА ТОВАРОВ:   1. Водяной знак, который позволяет автоматически наложить изображение водяного знака на все ваши товары  
       
          2. Обмен с 1С Предприятие     3. Удаление неиспользуемых картинок, без которого ваш каталог с изображениями может порвать хостинг   ОБРАБОТКА ЗАКАЗОВ:   1. Товарный чек     2. Менеджер заказов, без которого просматривать заказы было бы не так удобно  
        БЕЗОПАСНОСТЬ:   1. Резервные копии, без которых можно потерять данные по магазину навсегда  
       
       
      Добавил neoseo Добавлено 22.11.2016 Категория Блоги, новости, статьи Системные требования PHP 5.3 - 7.1 Сайт разработчика https://neoseo.com.ua Старая цена Метод активации Автоматическая активация
      Через официальный сайт дополнения Ioncube Loader Требуется OpenCart 2.1 ocStore 2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет  
    • By neoseo
      Модификация дублирует статьи из подвала в шапку сайта.
        Attention, только в NeoSeo:
       
      1. Внимание: Открытый код!
      2. Все обновления к купленным модулям - бесплатно и навсегда.
      3. Техническая поддержка и оперативные ответы на вопросы - бесплатно и навсегда.
      4. NEW! Помощь в установке и устранении ошибок при установке модулей - бесплатно и навсегда, но в порядке общей очереди.
      5. NEW! Оперативный удаленный помощник по TeamViewer по специальному тарифу, 15 мин. - 369 руб. для тех, кому нужно уже, не дожидаясь бесплатной поддержки, которая предоставляется в порядке общей очереди.
       
      Если у Вас есть вопросы, пожалуйста, напишите в ЛС или на info@neoseo.com.ua или позвоните нам:
      Россия, все звонки бесплатно
      8 800 551 94 15
        Украина: +380 67 67 07 647 +380 63 71 70 763
      +380 50 34 58 565
       
       
      МЫ РАБОТАЕМ:
      Понедельник-пятница 
      с 9-00 до 19-00 по Киевскому времени 
       
       
      Суббота и Воскресенье
      - выходные дни!
       
      Лицензионные условия.
       
       
      Пожалуйста, внимательно читайте то, что написано на странице каждого модуля в инструкции
      по установке и обновлениям:
       
      1. Данный модуль устанавливается без лицензии
       
      2. Распакуйте архив с модулем и загрузите содержимое папки upload на сайт
       
      3. Установите модуль посредством меню Дополнения / Модули
       
      4. Установите права на просмотр модуля нужным пользователям
       
      5. Зайдите в настройки модуля, укажите нужные параметры и сохраните настройки.
       
      ВАЖНО! Если вы видите сообщение о том, что файл лицензии не найден не переходите к этапу #7.
      В таком случае ознакомьтесь со статьей https://neoseo.com.ua/otsutstvuet-fayl-licenzii
      или напишите нам на support@neoseo.com.ua, мы поможем выявить причину не активации лицензии. Если вы убедились в том, что модуль видит лицензию, вы можете переходить к следующему пункту.
       
      6. Обновите модификаторы (Дополнения / Модификаторы)
       
       
       
      Общий порядок обновления модулей:
       
       
      Советы:
       
       
      Пробуйте бесплатно!
      Напишите на почту: license@neoseo.com.ua и мы выдадим вам тестовую лицензию на 14 дней!
       
      Важно. Условия бесплатной и платной
      информационной и технической поддержки.
       
      Очень часто спрашивают:
       

      Преимущества модулей от NeoSeo:
       
       
      Посмотреть работу модуля вы сможете тут:
      https://demo.neoseo.com.ua/admin
      логин: admin
      пароль: admin
       
      Пожалуйста, ознакомьтесь с полным перечнем наших модулей здесь:  https://neoseo.com.ua/moduli-dlya-opencart/
       
      Нажмите здесь http://prntscr.com/j1sqxc, чтобы быть в курсе всех обновлений.
       
      Уважаемые покупатели, скажите, что может быть лучше для развития модуля, чем публичные обсуждения и отзывы?
      Мы уверены это хороший стимул предоставлять услуги еще лучше ).

      Пожалуйста, все вопросы для обсуждения пишите здесь:
      https://opencartforum.com/topic/67991-stati-v-shapke-opencart-2x/
       
      Отзыв о работе модуля, пожалуйста, напишите здесь:
      https://opencartforum.com/files/file/3489-stati-v-shapke-opencart-2x/?tab=reviews
       
      Также, очень рекомендуем Вам, купить и другие наши продукты, которые пригодятся в абсолютно любом магазине.
       
      Спасибо, что вы с нами, всегда рады помочь развитию вашего онлайн-бизнеса!
      Веб-студия NeoSeo - полноценная Команда, решаем любые вопросы оперативно и качественно.
       
      ФУНКЦИОНАЛ НАЗВАНИЕ И ОПИСАНИЕ ССЫЛКИ ИНСТРУМЕНТЫ для
      SEO ПРОДВИЖЕНИЯ:
        1. SEO-Фильтр. Кроме того, что этот модуль предназначен для создания  фильтров, он позволяет создавать сотни или даже тысячи специальных посадочных страниц, чтобы получать из поисковой выдачи средне и низко-частотный трафик бесплатно      2. Генератор robots.txt, без которого поисковые роботы проиндексируют ненужные страницы и понизят вам релевантность  
       
          3. Отслеживание битых ссылок, чтобы не терять трафик впустую      4. Модуль создания редиректов, который позволяют починить битые ссылки     5. Источник заказа, чтобы отслеживать эффективность рекламных кампаний   ПОВЫШЕНИЕ ПРОДАЖ:   1. Выгрузка товаров на Prom.ua, Ava.ua, Hotline, Facebook.com, Яндекс.Маркет, Nadavi.net, Price.ua, Torg.mail.ru и др. прайс-агрегаторы, Модуль для Opencart от веб-студии NeoSeo, который позволяет выгрузить данные для прайс агрегаторов  
        ОБРАБОТКА ТОВАРОВ:   1. Водяной знак, который позволяет автоматически наложить изображение водяного знака на все ваши товары  
       
          2. Обмен с 1С Предприятие     3. Удаление неиспользуемых картинок, без которого ваш каталог с изображениями может порвать хостинг   ОБРАБОТКА ЗАКАЗОВ:   1. Товарный чек     2. Менеджер заказов, без которого просматривать заказы было бы не так удобно  
        БЕЗОПАСНОСТЬ:   1. Резервные копии, без которых можно потерять данные по магазину навсегда  
       
       
    • By dmutro962
      Здравствуйте! Прошу помочь мне изменить стандартный шаблон в ocstore а именно изменить шапку сайта.

      из этого сделать к примеру как тут:

      http://ntools.com.ua/
       
      Прошу не судить строго, очень нуждаюсь в помощи!
       
    • By Savchin
      Всем доброго времени суток. Имеется проблема с магазином. Заранее извиняюсь, но это первый опыт.
      Интернет-магазин http://www.coffeeshops.com.ua
      Проблема № 1: Часто при первом заходе на сайт, не загружаются иконки на кнопках и тд. Вместо иконок просто квадратики, как только перейти на любую страницу внутри сайта, сразу все нормализуется.
      Проблема №2: Если находится в категории, не добавляется товар в корзину. Нажимаешь на кнопку но ничего не происходит. 
      Проблема№3: Поиск по сайту работает только со странице в поиске. если вводить в поисковую строку и нажать на лупу, вы просто попадете на страницу поиска, где сноа уже надо ввести запрос.
       
      Большое спасибо всем, кто откликнулся
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.