Добавить социальную сеть "ВКонтакте" в блок "Присоединяйтесь!"
m
max.ukrainets
создал(а) тему
более 6 лет назад
Здравствуйте, как добавить ВК в блок социальные ссылки с таким же типом иконки, как ФБ и Твиттер? Иконка есть на сервере Мерчиум или ее нужно искать в другом месте?
Иконки сервисов 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>
Здесь ссылка на изображение - адрес изображения, полученный на третьем шаге.
6. Откройте страницу Дизайн > Темы и нажмите желтую кнопку Визуальный редактор.
7. Выберите пункт Пользовательские CSS в меню Редактировать и добавьте следующий код:
.vk {
height: 38px;
width: 38px;
}
8. Нажмите кнопку Сохранить.
Пожалуйста, обращайтесь к нам, если у вас возникнут какие-либо вопросы.
Спасибо.
еще 4 человек задают этот вопрос
Mariya Vechkanova
сказал(а)
более 6 лет назад
Ответ
Здравствуйте, Максим.
Приносим свои извинения за задержку с ответом.
Иконки сервисов 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>
Спасибо за ваш ответ. Мы рады слышать, что наши инструкции оказались полезными для вас.
Пожалуйста, обращайтесь к нам, если у вас возникнут вопросы в будущем.
e
exebet
сказал(а)
более 6 лет назад
Первые три пункта сделал, а где правая кнопка на планшетах?
Как мне узнать путь к файлу? Планшет Ipad.
Файл лежит на сайте в папке logos, имя файла: vk.jpg
Mariya Vechkanova
сказал(а)
более 6 лет назад
@exebet,
Здравствуйте!
Спасибо за ваш вопрос. Для открытия контекстного меню на мобильном устройстве необходимо нажать на изображение и удерживать палец на экране до появления меню. Подробнее об этом вы можете узнать в следующей статье:
, где mystore - название магазина, указанное при его создании.
Надеемся, данная информация окажется полезной для вас.
Спасибо.
Азер Алиев
сказал(а)
более 6 лет назад
У меня к сожалению не получилось. А вроде сделал все по инструкции выше . Прилагаю скрин. Почему иконки не по одной линии? Где можно настроить расстояние между иконками?
Проблема была вызвана лишним закрывающим тегом <div> в коде блока Социальные ссылки. Мы удалили этот тег. Пожалуйста, проверьте результат.
Спасибо.
Odin
сказал(а)
более 6 лет назад
Простите, а может все же проще добавить в стандартный макет все базовые для Рунета соцсети? Ну в смысле, что еще вшить в шаблон Инстаграм и ВК? Мне кажется вам это сделать быстрее, чем каждому магазину по отдельности производить это шаманство?
Mariya Vechkanova
сказал(а)
более 6 лет назад
Здравствуйте!
Спасибо за ваш запрос.
Мы непрерывно работаем над улучшением возможностей Мерчиума. Мы будем благодарны, если в разделе Новые идеи нашего форума вы опишете данную идею более подробно.
Будет ли то или иное новшество реализовано, напрямую зависит от того, насколько оно полезно большому числу владельцев магазинов на Мерчиуме. Поэтому, описывая новую идею, пожалуйста, добавьте своё видение того, как она повысит продажи и/или снизит издержки у магазинов на Мерчиуме.
Заранее спасибо за ваши идеи и помощь.
P.S. Мы были вынуждены изменить ваше отображаемое имя на нашем форуме, т.к. "Admin Admin" может вводить в заблуждение других участников форума. Вы можете повторно изменить его на что-то более нейтральное в настройках профиля.
z
zhe-balashov
сказал(а)
более 6 лет назад
Добрый день! Подскажите, где я могу взять данное изображение?
Arina Kireeva
сказал(а)
более 6 лет назад
@zhe-balashov,
Здравствуйте!
Пожалуйста, уточните, какое изображение вы имеете в виду. Если у вас есть возможность, предоставьте нам снимок экрана с этим изображением.
Если вы имели в виду иконки сервисов Facebook и Twitter, они добавляются с помощью шрифта, как это описано выше в данной теме форума.
Спасибо.
Азер Алиев
сказал(а)
более 6 лет назад
1. Откройте страницу Дизайн > Редактор файлов в администраторской части вашего магазина.
2. Откройте секцию Изображения.
Что-то я не нашел таких путей. Может Вы имели ввиду Администрирование > Файлы ?
Mariya Vechkanova
сказал(а)
более 6 лет назад
Здравствуйте, Азер.
Спасибо за ваше сообщение.
Функциональность редактора файлов была сильно переработана в последних версиях Мерчиума, поэтому часть данной инструкции (первые четыре шага) устарела. Пожалуйста, воспользуйтесь новым вариантом:
1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина. Секция Пользовательские файлы будет открыта по умолчанию.
2. Загрузите изображение с помощью кнопки с иконкой дискеты. Также вы можете просто перетащить нужные файлы из окна вашего файлового менеджера (например, Проводника или Total Commander) на пустое пространство открытой секции.
3. Когда изображение загружено, нажмите на него правой кнопкой мыши и выберите пункт Свойства.
4. Нажмите правой кнопкой мыши на ссылке Ссылка и выберите пункт контекстного меню Копировать ссылку на изображение.
Далее следуйте ранее предоставленной инструкции.
Спасибо.
Азер Алиев
сказал(а)
более 6 лет назад
Понятно Мария. Спасибо. Я уже так и сделал, но в таком случае я не понял Ваше предложение - "Иконки сервисов Facebook и Twitter добавляются с помощью ШРИФТА." Если бы в действительности было бы так, то в иконке Facebook, надо было бы где то прописывать просто символ "f". Fм А получается не с помощью шрифта, а при помощи img.
max.ukrainets
Здравствуйте, как добавить ВК в блок социальные ссылки с таким же типом иконки, как ФБ и Твиттер? Иконка есть на сервере Мерчиум или ее нужно искать в другом месте?
Здравствуйте, Максим.
Приносим свои извинения за задержку с ответом.
Иконки сервисов Facebook и Twitter добавляются с помощью шрифта. Список всех иконок с соответствующими названиями классов хранится в файле .svg, который является частью темы. К сожалению, на данный момент в этом файле отсутствует иконка для сервиса ВКонтакте и этот файл недоступен для замены или редактирования, приносим извинения за возможные неудобства.
Мы можем предложить вам загрузить нужное изображение в ваш магазин и изменить содержимое блока Социальные ссылки, добавив необходимый код для сервиса ВКонтакте. Пожалуйста, следуйте инструкции:
1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина.
2. Загрузите изображение в раздел Пользовательские файлы.
3. Когда изображение загружено, нажмите на изображение правой кнопкой мыши для открытия контекстного меню и выберите Свойcтва. Скопируйте URL изображения из секции Ссылка.
4. Откройте страницу Дизайн > Макеты в администраторской части вашего магазина и нажмите кнопку Параметры блока (с иконкой шестеренки) блока Социальные ссылки.
5. Перейдите на вкладку Содержимое и добавьте следующую часть кода:
после данной части кода:
Здесь ссылка на изображение - адрес изображения, полученный на третьем шаге.
6. Откройте страницу Дизайн > Темы и нажмите желтую кнопку Визуальный редактор.
7. Выберите пункт Пользовательские CSS в меню Редактировать и добавьте следующий код:
8. Нажмите кнопку Сохранить.
Пожалуйста, обращайтесь к нам, если у вас возникнут какие-либо вопросы.
Спасибо.
еще 4 человек задают этот вопрос
Mariya Vechkanova
Здравствуйте, Максим.
Приносим свои извинения за задержку с ответом.
Иконки сервисов Facebook и Twitter добавляются с помощью шрифта. Список всех иконок с соответствующими названиями классов хранится в файле .svg, который является частью темы. К сожалению, на данный момент в этом файле отсутствует иконка для сервиса ВКонтакте и этот файл недоступен для замены или редактирования, приносим извинения за возможные неудобства.
Мы можем предложить вам загрузить нужное изображение в ваш магазин и изменить содержимое блока Социальные ссылки, добавив необходимый код для сервиса ВКонтакте. Пожалуйста, следуйте инструкции:
1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина.
2. Загрузите изображение в раздел Пользовательские файлы.
3. Когда изображение загружено, нажмите на изображение правой кнопкой мыши для открытия контекстного меню и выберите Свойcтва. Скопируйте URL изображения из секции Ссылка.
4. Откройте страницу Дизайн > Макеты в администраторской части вашего магазина и нажмите кнопку Параметры блока (с иконкой шестеренки) блока Социальные ссылки.
5. Перейдите на вкладку Содержимое и добавьте следующую часть кода:
после данной части кода:
Здесь ссылка на изображение - адрес изображения, полученный на третьем шаге.
6. Откройте страницу Дизайн > Темы и нажмите желтую кнопку Визуальный редактор.
7. Выберите пункт Пользовательские CSS в меню Редактировать и добавьте следующий код:
8. Нажмите кнопку Сохранить.
Пожалуйста, обращайтесь к нам, если у вас возникнут какие-либо вопросы.
Спасибо.
max.ukrainets
Спасибо огромное.
Вот, что получилось:
Anastasiya Kozlova
Здравствуйте!
Спасибо за ваш ответ. Мы рады слышать, что наши инструкции оказались полезными для вас.
Пожалуйста, обращайтесь к нам, если у вас возникнут вопросы в будущем.
exebet
Mariya Vechkanova
@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 - название магазина, указанное при его создании.
Надеемся, данная информация окажется полезной для вас.
Спасибо.
Азер Алиев
У меня к сожалению не получилось. А вроде сделал все по инструкции выше . Прилагаю скрин. Почему иконки не по одной линии? Где можно настроить расстояние между иконками?
Mariya Vechkanova
Уважаемый Азер!
Спасибо за ваш запрос.
Проблема была вызвана лишним закрывающим тегом <div> в коде блока Социальные ссылки. Мы удалили этот тег. Пожалуйста, проверьте результат.
Спасибо.
Odin
Простите, а может все же проще добавить в стандартный макет все базовые для Рунета соцсети? Ну в смысле, что еще вшить в шаблон Инстаграм и ВК? Мне кажется вам это сделать быстрее, чем каждому магазину по отдельности производить это шаманство?
Mariya Vechkanova
Здравствуйте!
Спасибо за ваш запрос.
Мы непрерывно работаем над улучшением возможностей Мерчиума. Мы будем благодарны, если в разделе Новые идеи нашего форума вы опишете данную идею более подробно.
Будет ли то или иное новшество реализовано, напрямую зависит от того, насколько оно полезно большому числу владельцев магазинов на Мерчиуме. Поэтому, описывая новую идею, пожалуйста, добавьте своё видение того, как она повысит продажи и/или снизит издержки у магазинов на Мерчиуме.
Заранее спасибо за ваши идеи и помощь.
P.S. Мы были вынуждены изменить ваше отображаемое имя на нашем форуме, т.к. "Admin Admin" может вводить в заблуждение других участников форума. Вы можете повторно изменить его на что-то более нейтральное в настройках профиля.
zhe-balashov
Добрый день! Подскажите, где я могу взять данное изображение?
Arina Kireeva
@zhe-balashov,
Здравствуйте!
Пожалуйста, уточните, какое изображение вы имеете в виду. Если у вас есть возможность, предоставьте нам снимок экрана с этим изображением.
Если вы имели в виду иконки сервисов Facebook и Twitter, они добавляются с помощью шрифта, как это описано выше в данной теме форума.
Спасибо.![]()
Азер Алиев
1. Откройте страницу Дизайн > Редактор файлов в администраторской части вашего магазина.
2. Откройте секцию Изображения.
Что-то я не нашел таких путей. Может Вы имели ввиду Администрирование > Файлы ?
Mariya Vechkanova
Здравствуйте, Азер.
Спасибо за ваше сообщение.
Функциональность редактора файлов была сильно переработана в последних версиях Мерчиума, поэтому часть данной инструкции (первые четыре шага) устарела. Пожалуйста, воспользуйтесь новым вариантом:
1. Откройте страницу Администрирование > Файлы в администраторской части вашего магазина. Секция Пользовательские файлы будет открыта по умолчанию.
2. Загрузите изображение с помощью кнопки с иконкой дискеты. Также вы можете просто перетащить нужные файлы из окна вашего файлового менеджера (например, Проводника или Total Commander) на пустое пространство открытой секции.
3. Когда изображение загружено, нажмите на него правой кнопкой мыши и выберите пункт Свойства.
4. Нажмите правой кнопкой мыши на ссылке Ссылка и выберите пункт контекстного меню Копировать ссылку на изображение.
Далее следуйте ранее предоставленной инструкции.
Спасибо.
Азер Алиев
Понятно Мария. Спасибо. Я уже так и сделал, но в таком случае я не понял Ваше предложение - "Иконки сервисов Facebook и Twitter добавляются с помощью ШРИФТА." Если бы в действительности было бы так, то в иконке Facebook, надо было бы где то прописывать просто символ "f". Fм А получается не с помощью шрифта, а при помощи img.