иконки

[hayeli 0]

Приветствую

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

[support 447]

1 час назад, hayeli сказал:

Приветствую

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

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

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

[hayeli 0]

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

[support 447]

9 часов назад, hayeli сказал:

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

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

       <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 0]

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

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

к примеры:

Бренды

Информация

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

Скидки

Сообщения

Адрес

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

[support 447]

13 часа назад, hayeli сказал:

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

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

к примеры:

Бренды

Информация

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

Скидки

Сообщения

Адрес

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

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

[hayeli 0]

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

[support 447]

6 минут назад, hayeli сказал:

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

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

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

[hayeli 0]

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

[support 447]

3 часа назад, hayeli сказал:

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

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

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

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

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

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

[hayeli 0]

у меня vamshop2

[support 447]

11 минуту назад, hayeli сказал:

у меня vamshop2

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

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

/app/webroot/fonts

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

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

Всё.

[hayeli 0]

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

[support 447]

4 минуты назад, hayeli сказал:

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

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

[hayeli 0]

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

LESS

SCSS

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

[support 447]

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 0]

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

[support 447]

Только что, 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 0]

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

[support 447]

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 0]

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

[support 447]

6 минут назад, hayeli сказал:

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

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

[hayeli 0]

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

[support 447]

Не за что