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

Иконки

Здравствуйте. Как мне найти оригиналы этих иконок?

Здравствуйте, Руслан!


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


Иконки, изображенные на снимке экрана, добавляются с помощью шрифта.


В первую очередь в шаблоне создается элемент, например, <i class="ty-icon-twitter"></i>, которому присваивается класс иконки. В данном случае это ty-icon-twitter. Если открыть инструмент разработчика в браузере, то для иконки можно увидеть следующие CSS правила:


.ty-icon-twitter:before {

content: "\e600";

}


Список всех иконок с соответствующими названиями классов хранится в файле .svg, который является частью темы. К сожалению, на данный момент в Мерчиуме этот файл недоступен для замены или редактирования. Если вы хотите заменить какую-либо иконку, необходимо изменить значение свойства content в соответствующем правиле. Например,


.ty-icon-twitter:before {

content: "\e601";

}


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


Надеюсь, данное объяснение окажется полезным для вас. Если у вас будут дальнейшие вопросы, пожалуйста, сообщите.


Спасибо.

1.png
(173 KB)

Спасибо.

Не получается "изменить значение свойства content",чтобы поменять значок. Подскажите пожалуйста как должен выглядеть код. 

<div class="ty-social-link twitter">
    <a href="https://twitter.com"><i class="ty-icon-twitter"></i> Twitter</a>
</div>

 

Уважаемый Руслан!


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


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


1. В панели администратора перейдите на страницу Дизайн > Темы.

2. Нажмите на кнопку Визуальный редактор справа от выбранной темы.

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

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


.ty-icon-twitter:before {

content: "\e600";

}


, где "\e600" - код желаемой иконки.


5. Нажмите Сохранить. 


Хотелось бы напомнить, что набор иконок, использующийся в Мерчиуме подобным образом, достаточно ограничен. Их полный список с соответствующим кодом вы можете увидеть на изображении, прикрепленном к моему предыдущему сообщению.


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


Спасибо.

Большое спасибо за ответ.

Уважаемый Руслан!


Мы всегда рады вам помочь. Пожалуйста, обращайтесь, если будут какие-либо вопросы.

А как можно узнать название классов иконки,чтобы добавить их на страницу? Как например ty-icon-twitter или ty-icon-facebook

Уважаемый Руслан!


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


Если вы хотите изменить конкретную иконку, которую вы видите на странице Мерчиума, то вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для примера мы прикрепили снимок экрана, демонстрирующий работу данного инструмента в браузере Google Chrome. Для поиска нужного элемента вам необходимо нажать на иконку с лупой, выделить интересующую вас иконку на странице Мерчиума, и в секции с CSS стилями вы сможете увидеть CSS правила, которые потом можно будет изменить в поле Пользовательские CSS визуального редактора.


Также для вашего удобства мы прикрепили к данному сообщению файл .css, в котором указаны классы иконок с соответствующим кодом. Надеемся, что данная информация поможет вам.


Спасибо.

css
(3.87 KB)

Мария, здравствуйте!

Подскажите, как иконки фейсбук и твиттер заменить на вконтакте и одноклассники?

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

Насколько мы поняли, вы хотите заменить иконки сервисов Facebook и Twitter, которые отображаются в блоке Социальные ссылки в нижней части страницы витрины магазина. Подробные инструкции по добавлению иконки сервиса Вконтакте можно найти в следующей ветке нашего форума:

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

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

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

Спасибо.

 

А почему нет в наборе иконке корзины? Можно ли вставить на сайт иконку корзины (которая используется в админе сайта)? Она идеально подходит для значка корзины...

png

@o1ik,


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


Для корзины в витрине магазина используется другая иконка, которая есть в шрифтовом наборе. Пожалуйста, обратите внимание на прикрепленный снимок экрана. Чтобы изменить ее, пожалуйста, воспользуйтесь инструкциями из темы Вопросы с Корзиной.


Спасибо.

Спасибо!

Добрый день! А новых иконок за 2 года не появилось для корзины?

 


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