Magento. Как редактировать блок социальных иконок (начиная с шаблона #54689+)

Из этого туториала Вы узнаете, как редактировать блок социальных иконок в шаблонах Magento (начиная с шаблона #54689+).

Magento. Как редактировать блок социальных иконок (начиная с шаблона #54689+)

Для того чтобы редактировать блок социальных иконок, следуйте таким инструкциям:

1. Войдите в Админ панель (Dashboard area). Откройте вкладку CMS и выберите Статические блоки (Static Blocks):

   

2. Найдите Блок социальных иконок. В данном шаблоне он называется soc-icon. Обратите внимание, что название блока может отличаться в вашем шаблоне:

   

3. В разделе Блок социальных иконок Вы можете изменить Ссылки социальных иконок и Путь к изображениям социальных иконок (path to images for Social icons).

4. Далее, измените ссылки в тэге <a href=»#»>. Замените знак # на ссылку. Повторите эти действия, чтобы задать актуальные ссылки.

5. Для того чтобы изменить изображение, Вам нужно изменить код значка. Вы можете ознакомиться с доступными значками по ссылке: Значки Font Awesome.

6. Если Вам нужно заменить один значок на другой, откройте официальный сайт, найдите нужный Вам значок и вставьте его код в поле класса. У Вас должно получиться следующее: например: <a href=»https://www.tumblr.com/» class=»fa fa-tumblr»>:

   

7. Сохраните (Save) изменения и обновите страницу вашего сайта. Таким способом Вы можете изменить все социальные иконки (refresh) на вашем сайте.

8. Для просмотра изменений, вернитесь на ваш сайт и обновите страницу с текстом, который Вы изменили.

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

Magento. Как редактировать блок социальных иконок (начиная с шаблона #54689+)