Авторизация  
hayeli

иконки

Рекомендуемые сообщения

hayeli

Приветствую

Подскажите как мне вывести иконку меню и главной в мобильной версии

Screenshot-2018-4-3 Список шаблонов.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
1 час назад, hayeli сказал:

Приветствую

Подскажите как мне вывести иконку меню и главной в мобильной версии

Screenshot-2018-4-3 Список шаблонов.png

Здравствуйте!

Эта иконка и так видна и в полной версии и в мобильной версии в админке.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

хочу эту иконку на сайте вывести как мне указать путь

Screenshot-2018-4-5 Главная страница - VamShop.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
9 часов назад, hayeli сказал:

хочу эту иконку на сайте вывести как мне указать путь

Screenshot-2018-4-5 Главная страница - VamShop.png

В Админке - Оформление - Шаблоны - Основной шаблон поменяйте:

       <a data-toggle="dropdown" class="dropdown-toggle" href="">{lang}Categories{/lang} <b class="caret"></b></a>

на:

       <a data-toggle="dropdown" class="dropdown-toggle" href=""><i class="fa fa-bars"></i> {lang}Categories{/lang} <b class="caret"></b></a>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

спасибо получилось, я пробовал вот так <i class="fa fa-menu"></i>

в каком файле можно посмотреть названия иконок и сами иконки??

к примеры:

Бренды

Информация

стрелки вверх вниз влево вправо

Скидки

Сообщения

Адрес

в основном они мне нужны

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
13 часа назад, hayeli сказал:

спасибо получилось, я пробовал вот так <i class="fa fa-menu"></i>

в каком файле можно посмотреть названия иконок и сами иконки??

к примеры:

Бренды

Информация

стрелки вверх вниз влево вправо

Скидки

Сообщения

Адрес

в основном они мне нужны

Вот здесь - https://fontawesome.com/icons?d=gallery

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

подскажи пожалуйста не выводит эту иконку <li><i class="fa fa-clock">&nbsp;</i><p><b>Рабочие дни/часы:</b><br>Пон. - Сб. / 10:00 - 19:00</p></li>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
6 минут назад, hayeli сказал:

подскажи пожалуйста не выводит эту иконку <li><i class="fa fa-clock">&nbsp;</i><p><b>Рабочие дни/часы:</b><br>Пон. - Сб. / 10:00 - 19:00</p></li>

В магазине установлена не самая свежая версия FontAwesome, некоторых иконок может и не быть.

Это надо пробовать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

подскажите как обновить?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
3 часа назад, hayeli сказал:

подскажите как обновить?

Скачать текущую версию шрифта FontAwesone.

Заменить файл /templates/vamshop1/font-awesome.min.css

Сами файлы шрифтов положить в /templates/vamshop1/font папку.

Поправить новый /templates/vamshop1/font-awesome.min.css по аналогии с тем, что есть сейчас, правильно указав пути к шрифтам.

Что б шрифты грузились из папки /tempaltes/vamshop1/font 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

у меня vamshop2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
11 минуту назад, hayeli сказал:

у меня vamshop2

Тогда просто папки чуть меняются.

/app/webroot/css/font-awesome.min.css

/app/webroot/fonts

А так всё тоже самое.

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

Всё.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

у меня нету этой папки /app/webroot/fonts !!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
4 минуты назад, hayeli сказал:

у меня нету этой папки /app/webroot/fonts !!

Пардон, вот так: /app/webroot/css/fonts

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

скачал архив обновлений но там есть папки которых у меня нету

LESS

SCSS

FONTS и font-awesome.min.css  переписал грузит иероглифы

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
31 минуты назад, hayeli сказал:

скачал архив обновлений но там есть папки которых у меня нету

LESS

SCSS

FONTS и font-awesome.min.css  переписал грузит иероглифы

Я ж Вам писал, что надо редактировать font-awesome.min.css и править путь до шрифтов.

Там где идёт вызов шрифтов src:url и т.д.

В общем, у Вас же перед глазами текущая рабочая версия, посмотрите как там прописан путь до woff2 файла.

Если не понимаете, что и как подключается.

Тогда просто подключайте по инструкции - https://fontawesome.com/get-started/web-fonts-with-css

Иероглифы у Вас как раз потому что у Вас сам шрифт не грузится, потому что путь неправильный в fontawesome.min.css

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

Тогда вместо иероглифов будут иконки, как и должно быть.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

в админке как указать путь?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
Только что, hayeli сказал:

в админке как указать путь?

В общем.

Обновить fontawesome так:

1. Скачиваете бесплатную версию на https://fontawesome.com/ по ссылке Download free.

2. Распаковываете архив.

3. Из архива копируете файл /web-fonts-with-css/css/fontawesome-all.css копируете в магазин в папку /app/webroot/css/font-awesome.min.css

4. Из архива, из папки /web-fonts-with-css/webfonts/ копируете все файлы в магазин в магазин в папку /app/webroot/css/fonts

5. Открываете файл в папке магазина /app/webroot/css/font-awesome.min.css и по всему файлу делаете поиск и замену, меняете по всему файлу ../webfonts/ на fonts/

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

все разобрался)) вот только эту иконку не выводит <li><i class="fa fa-clock">&nbsp;</i><p><b>Рабочие дни/часы:</b><br>Пон. - Сб. / 10:00 - 19:00</p></li>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
1 минуту назад, hayeli сказал:

все разобрался)) вот только эту иконку не выводит <li><i class="fa fa-clock">&nbsp;</i><p><b>Рабочие дни/часы:</b><br>Пон. - Сб. / 10:00 - 19:00</p></li>

Возможно, что эта иконка только в платной версии.

Вот здесь https://fontawesome.com/icons

Слева отметьте Free

Что б показывал список только бесплатных иконок, которые есть у Вас.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

разобрался вот так надо было указать путь fa fa-clock-o

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM
6 минут назад, hayeli сказал:

разобрался вот так надо было указать путь fa fa-clock-o

Хорошо, что разобрались.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
hayeli

спасибо за помощь)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
VaM

Не за что

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Авторизация