Magento. Как изменить блок социальных иконок

Это обучающее видео показывает, как изменить блок социальных иконок в шаблонах Magento.

Блок социальных иконок называется Follow Us. Чтобы изменить ссылки и изменить иконки, откройте панель администратора и следуйте инструкциям далее.

1. Откройте CMS-Static Blocks. Найдите блок социальных иконок. В данном шаблоне он называется follow_us. Пожалуйста, заметьте, что данный блок может иметь отличное название в Вашем конкретном шаблоне:



2. Откройте блок follow_us (название блока может отличаться в зависимости от шаблона). Здесь Вы можете увидеть ссылки, а также пути к картинкам этих социальных иконок.



3. Теперь нужно установить ссылки. В теге <a href="#/"> нам нужно заменить значок # на соответствующую ссылку. Ссылка должна иметь вид <a href="http://twitter.com/">

Полная ссылка выглядит так:

<a href="http://twitter.com/"><img src="{{skin url='images/media/follow_1.jpg'}}" alt="" /></a>

4. Проделайте те же действия и установите соответствующие ссылки. После изменений Ваш блок должен выглядеть примерно так:



Вы также можете изменить название файла иконки. Данный код показывает путь к картинке:

<img src="{{skin url='images/media/follow_1.jpg'}}"

В нашем шаблоне иконка расположена в skin\frontend\default\theme291\images\media (путь может отличаться в зависимости от шаблона)

5. Загрузите Вашу иконку в папку skin\frontend\default\themeXXX\images\media и укажите название файла в коде. Мы загрузили картинку с именем Icon1.jpg. Полный путь с ссылкой Вы можете видеть на скриншоты ниже:



6. Мы установили ссылки для всех иконок. Нажмите «Сохранить Блок». Обновите Вау страницу.



Пожалуйста, ознакомьтесь с детальным обучающим видео ниже:

Magento. How to edit social icons block