PrestaShop 1.6.x. Как изменить стандартные значки социальных сетей

Из этого туториала Вы узнаете, как изменить стандартные значки социальных сетей в вашем шаблоне PrestaShop.

1. Нажмите правой кнопкой мышки и используйте инструмент ‘Исследовать элемент’ (Inspect element), для того чтобы найти класс CSS существующего значка и скопируйте класс CSS кнопки.

   

2. Откройте файл .css, содержащий исследуемое правило на сервере или компьютере, используя редактор кода, и найдите в нём код класса. В этом случае нужно открыть themes/theme1210/css/global.css.

   

3. Значок задан при помощи кода content: «\f09a»;. Вы можете использовать этот Список значков Font Awesome, для того чтобы выбрать другой значок и узнать соответствующее значение кода. Также, Вы можете использовать поисковые движки, для того чтобы его найти.

4. Мы заменим текущий значок на значок flickr. Нажав на значок, скопируйте его Юникод (Unicode).

   

5. Вставьте Юникод, скопированный с сайта FontAwesome в содержимое вашего правила css в themes/theme1210/css/global.css, так чтобы правило выглядело следующим образом:

   .footer-container #footer #social_block ul li.facebook a:before {
   
   	content: "\f16e"; }
   		

6. Сохраните изменения и обновите сайт.

   

Вы можете также ознакомиться с детальным видео-туториалом ниже: