Начать новую тему
Отвеченные

Добавить социальную сеть "ВКонтакте" в блок "Присоединяйтесь!"

Здравствуйте, как добавить ВК в блок социальные ссылки с таким же типом иконки, как ФБ и Твиттер? Иконка есть на сервере Мерчиум или ее нужно искать в другом месте?


Лучший ответ

Здравствуйте, Максим.


Приносим свои извинения за задержку с ответом.


Иконки сервисов Facebook и Twitter добавляются с помощью шрифта. Список всех иконок с соответствующими названиями классов хранится в файле .svg, который является частью темы. К сожалению, на данный момент в этом файле отсутствует иконка для сервиса ВКонтакте и этот файл недоступен для замены или редактирования, приносим извинения за возможные неудобства.


Мы можем предложить вам загрузить нужное изображение в ваш магазин и изменить содержимое блока Социальные ссылки, добавив необходимый код для сервиса ВКонтакте. Пожалуйста, следуйте инструкции:


1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина.

2. Загрузите изображение в раздел Пользовательские файлы.

3. Когда изображение загружено, нажмите на изображение правой кнопкой мыши для открытия контекстного меню и выберите Свойcтва. Скопируйте URL изображения из секции Ссылка. 

4. Откройте страницу Дизайн > Макеты в администраторской части вашего магазина и нажмите кнопку Параметры блока (с иконкой шестеренки) блока Социальные ссылки.

5. Перейдите на вкладку Содержимое и добавьте следующую часть кода:

 

<div class="ty-social-link">
    <a href="http://www.vk.com"><img class="vk" src="ссылка на изображение"> ВКонтакте</a>
</div>

  

после данной части кода:

 

<div class="ty-social-link facebook">
    <a href="http://www.facebook.com"><i class="ty-icon-facebook"></i> Facebook</a>
</div>

 

Здесь ссылка на изображение - адрес изображения, полученный на третьем шаге.


6. Откройте страницу Дизайн > Темы и нажмите желтую кнопку Визуальный редактор.

7. Выберите пункт Пользовательские CSS в меню Редактировать и добавьте следующий код:


.vk {
    height: 38px;
    width: 38px;
}

 

8. Нажмите кнопку Сохранить.


Пожалуйста, обращайтесь к нам, если у вас возникнут какие-либо вопросы.


Спасибо.


ещё 4 человек задают этот вопрос
Ответ

Здравствуйте, Максим.


Приносим свои извинения за задержку с ответом.


Иконки сервисов Facebook и Twitter добавляются с помощью шрифта. Список всех иконок с соответствующими названиями классов хранится в файле .svg, который является частью темы. К сожалению, на данный момент в этом файле отсутствует иконка для сервиса ВКонтакте и этот файл недоступен для замены или редактирования, приносим извинения за возможные неудобства.


Мы можем предложить вам загрузить нужное изображение в ваш магазин и изменить содержимое блока Социальные ссылки, добавив необходимый код для сервиса ВКонтакте. Пожалуйста, следуйте инструкции:


1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина.

2. Загрузите изображение в раздел Пользовательские файлы.

3. Когда изображение загружено, нажмите на изображение правой кнопкой мыши для открытия контекстного меню и выберите Свойcтва. Скопируйте URL изображения из секции Ссылка. 

4. Откройте страницу Дизайн > Макеты в администраторской части вашего магазина и нажмите кнопку Параметры блока (с иконкой шестеренки) блока Социальные ссылки.

5. Перейдите на вкладку Содержимое и добавьте следующую часть кода:

 

<div class="ty-social-link">
    <a href="http://www.vk.com"><img class="vk" src="ссылка на изображение"> ВКонтакте</a>
</div>

  

после данной части кода:

 

<div class="ty-social-link facebook">
    <a href="http://www.facebook.com"><i class="ty-icon-facebook"></i> Facebook</a>
</div>

 

Здесь ссылка на изображение - адрес изображения, полученный на третьем шаге.


6. Откройте страницу Дизайн > Темы и нажмите желтую кнопку Визуальный редактор.

7. Выберите пункт Пользовательские CSS в меню Редактировать и добавьте следующий код:


.vk {
    height: 38px;
    width: 38px;
}

 

8. Нажмите кнопку Сохранить.


Пожалуйста, обращайтесь к нам, если у вас возникнут какие-либо вопросы.


Спасибо.

Спасибо огромное.

Вот, что получилось:

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


Спасибо за ваш ответ. Мы рады слышать, что наши инструкции оказались полезными для вас. 


Пожалуйста, обращайтесь к нам, если у вас возникнут вопросы в будущем.

Первые три пункта сделал, а где правая кнопка на планшетах? Как мне узнать путь к файлу? Планшет Ipad. Файл лежит на сайте в папке logos, имя файла: vk.jpg

@exebet, 


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


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


http://www.prostomac.com/2011/02/mobile-safari-kontekstnoe-menyu-dlya-ssylok-i-kartinok/


Для вашего удобства ниже предоставлена ссылка на упомянутое изображение:


http://mystore.mymerchium.ru//users/12456/images/logos/vk.jpg


, где mystore - название магазина, указанное при его создании.


Надеемся, данная информация окажется полезной для вас.


Спасибо.


У меня к сожалению не получилось. А вроде сделал все по инструкции выше . Прилагаю скрин. Почему иконки не по одной линии? Где можно настроить расстояние между иконками?

Уважаемый Азер!


Спасибо за ваш запрос. 


Проблема была вызвана лишним закрывающим тегом <div> в коде блока Социальные ссылки. Мы удалили этот тег. Пожалуйста, проверьте результат.


Спасибо.

Простите, а может все же проще добавить в стандартный макет все базовые для Рунета соцсети? Ну в смысле, что еще вшить в шаблон Инстаграм и ВК? Мне кажется вам это сделать быстрее, чем каждому магазину по отдельности производить это шаманство?

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


Спасибо за ваш запрос.


Мы непрерывно работаем над улучшением возможностей Мерчиума. Мы будем благодарны, если в разделе Новые идеи нашего форума вы опишете данную идею более подробно.


Будет ли то или иное новшество реализовано, напрямую зависит от того, насколько оно полезно большому числу владельцев магазинов на Мерчиуме. Поэтому, описывая новую идею, пожалуйста, добавьте своё видение того, как она повысит продажи и/или снизит издержки у магазинов на Мерчиуме.


Заранее спасибо за ваши идеи и помощь.


P.S. Мы были вынуждены изменить ваше отображаемое имя на нашем форуме, т.к. "Admin Admin" может вводить в заблуждение других участников форума. Вы можете повторно изменить его на что-то более нейтральное в настройках профиля. 

Добрый день! Подскажите, где я могу взять данное изображение?

 @zhe-balashov,


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


Пожалуйста, уточните, какое изображение вы имеете в виду. Если у вас есть возможность, предоставьте нам снимок экрана с этим изображением.


Если вы имели в виду иконки сервисов Facebook и Twitter, они добавляются с помощью шрифта, как это описано выше в данной теме форума.


Спасибо.

1. Откройте страницу Дизайн > Редактор файлов в администраторской части вашего магазина.

2. Откройте секцию Изображения.


Что-то я не нашел таких путей. Может Вы имели ввиду Администрирование > Файлы ?

Здравствуйте, Азер.


Спасибо за ваше сообщение.


Функциональность редактора файлов была сильно переработана в последних версиях Мерчиума, поэтому часть данной инструкции (первые четыре шага) устарела. Пожалуйста, воспользуйтесь новым вариантом:


1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина. Секция Пользовательские файлы будет открыта по умолчанию.

2. Загрузите изображение с помощью кнопки с иконкой дискеты. Также вы можете просто перетащить нужные файлы из окна вашего файлового менеджера (например, Проводника или Total Commander) на пустое пространство открытой секции.

3. Когда изображение загружено, нажмите на него правой кнопкой мыши и выберите пункт Свойства.

4. Нажмите правой кнопкой мыши на ссылке Ссылка и выберите пункт контекстного меню Копировать ссылку на изображение.


Далее следуйте ранее предоставленной инструкции.


Спасибо.

Понятно Мария. Спасибо. Я уже так и сделал, но в таком случае я не понял Ваше предложение - "Иконки сервисов Facebook и Twitter добавляются с помощью ШРИФТА." Если бы в действительности было бы так, то в иконке Facebook, надо было бы где то прописывать просто символ "f". Fм А получается не с помощью шрифта, а при помощи img.


Войдите, чтобы опубликовать свой комментарий