FA-FA ICONS

[IVAN.Z 2]

Иногда приходится добавлять разные иконки 

<h1>fa fa-credit-card</h1>

<i class="fa fa-credit-card"></i>
<i class="fa fa-credit-card" style="font-size:24px"></i>
<i class="fa fa-credit-card" style="font-size:36px"></i>
<i class="fa fa-credit-card" style="font-size:48px;color:red"></i>
<br>

<p>Used on a button:</p>
<button style="font-size:24px">Button <i class="fa fa-credit-card"></i></button>

Иногда замечаю что не все иконки работают и при вставке надо использовать этот код

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Вопрос куда вставить эту строчку чтобы работали последнии иконки от font-awesome ?

 

[support 447]

  В 20.03.2018 в 08:03, ZM сказал:

Иногда приходится добавлять разные иконки 

<h1>fa fa-credit-card</h1>

<i class="fa fa-credit-card"></i>
<i class="fa fa-credit-card" style="font-size:24px"></i>
<i class="fa fa-credit-card" style="font-size:36px"></i>
<i class="fa fa-credit-card" style="font-size:48px;color:red"></i>
<br>

<p>Used on a button:</p>
<button style="font-size:24px">Button <i class="fa fa-credit-card"></i></button>

Иногда замечаю что не все иконки работают и при вставке надо использовать этот код

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

Вопрос куда вставить эту строчку чтобы работали последнии иконки от font-awesome ?

 

Expand  

Не надо ничего использовать.

fontawesome подключён уже по умолчанию в VamShop.

Не все иконки навернео потому что в разных версиях fonawesome разные иконки добавлялись, просто в VamShop не самая свежая версия.

Лучше просто обновить fontawesone в VamShop, если каких-то иконок нет.

А два раза подключать fontawesome не очень правильно.

Вот список иконок, если что - https://fontawesome.com/icons?d=gallery

[IVAN.Z 2]

Я понял это, поэтому я и спрашиваю как можно безопаснее обновить font-awesome. 

Смотрю стиль вроде с этими иконками лежит в папке шаблона может его код полностью сменить?

 

 

[support 447]

  В 20.03.2018 в 09:15, ZM сказал:

Я понял это, поэтому я и спрашиваю как можно безопаснее обновить font-awesome. 

Смотрю стиль вроде с этими иконками лежит в папке шаблона может его код полностью сменить?

 

 

Expand  

Заменить файл, подключаемый по умолчанию, на новый, текущей версии.

[IVAN.Z 2]

Ок буду пробывать спасибо

[support 447]

  В 21.03.2018 в 05:56, ZM сказал:

Ок буду пробывать спасибо

Expand  

Либо наоборот, удалить тот файл, что есть в VamShop и оставить тот, что подключаете с cloudflare.com

Это не принципиально.

[IVAN.Z 2]

Может его можно удалить и подключить в generals.js ? помнится на шопосе в нем все скрипты подключались ) 

[support 447]

  В 21.03.2018 в 09:00, ZM сказал:

Может его можно удалить и подключить в generals.js ? помнится на шопосе в нем все скрипты подключались ) 

Expand  

Так я об этом и пише, удалите стандартный файл и добавьте свою строку с cloudflare.com

В /templates/шаблон/css/css.php подключается:

<link rel="stylesheet" type="text/css" href="<?php echo 'templates/'.CURRENT_TEMPLATE.'/font-awesome.min.css'; ?>" />

 

[IVAN.Z 2]

Я с другого сайта будут подключать

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">

Но старые иконки перестали работать, придется походу их сменить на что-то новое из версии 5.0.8,

[IVAN.Z 2]

Все поменял почти, кроме списков не могу найти где изменить. (подчеркнуто красным) p.s причем на карточке товара почему то старые иконки работают... 

[support 447]

  В 22.03.2018 в 08:47, ZM сказал:

Все поменял почти, кроме списков не могу найти где изменить. (подчеркнуто красным) p.s причем на карточке товара почему то старые иконки работают... 

 

Expand  

Так откройте консоль в браузере.

Там всё это видно.

В /templates/шаблон/stylesheet.css на 968 строке стиль:

.categories-widget ul.icons li:after {
    content: "\f105";
    font-family: "FontAwesome";
    display: block;
    position: absolute;
    left: 3px;
    top: 6px;
    width: 20px;
    text-align: left;
}

Его и надо править.

content - это и есть как раз указание иконки.

[IVAN.Z 2]

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

 content: "\f105";

[support 447]

  В 22.03.2018 в 09:41, ZM сказал:

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

 content: "\f105";

Expand  

Чудес не бывает.

Значит не там удаляете или не то удаляете.

или в браузере кэшируются стили.

Для этого и нужна консоль в браузере, там всё отлично видно.

Если в консоли удалить этот стиль, иконка тоже не отображается.

[IVAN.Z 2]

из стилей полностью удаляю 

.categories-widget ul.icons li:after {
  content: "\f105";
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  left: 3px;
  top: 6px;
  width: 20px;
  text-align: left;
}

Они все равно отображаться

[support 447]

  В 22.03.2018 в 10:07, ZM сказал:

из стилей полностью удаляю 

.categories-widget ul.icons li:after {
  content: "\f105";
  font-family: "FontAwesome";
  display: block;
  position: absolute;
  left: 3px;
  top: 6px;
  width: 20px;
  text-align: left;
}

Они все равно отображаться

Expand  

Ещё раз говорю.

Смотрите консоль в браузере.

Там же разные стили для бокса Разделы, для бокса Информация.

Всё это видно в консоли.