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

Скрипт подмены номера

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

Я планирую вставить на сайт скрипт подмены номера телефона. Для этого, я сначала разместил текст JavaScript-кода внутри тега <head>, а именно в секции 10 Содержимого макета. 

Затем, в блоке Обратный звонок я вставил строку кода с номером телефона, который будем подтянется (скриншот во вложении). Скрипт заработал, номер подменяется, однако изменился стиль шрифта. Он показывает номер телефона тонким маленьким черным шрифтом, вместо более крупного серого, по умолчанию. 

Подскажите, как мне настроить скрипт подмены и отображение номера телефона крупным выделенным шрифтом (как по умолчанию)?

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

Мы добавили необходимый класс для строки отображения номера телефона, изменив следующую строчку кода:

<span class="phone_alloka">
на эту:
 
<span class="ty-cr-phone phone_alloka">

 

в содержимом блока Обратный звонок. Теперь номер телефона отображается также, как по умолчанию.


Пожалуйста, проверьте.


Спасибо.

Спасибо! Теперь все, как надо. 

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

Здравствуйте, Владислав.


Насколько мы видим, цвет ссылок только главного меню меняется при наведении курсора мыши в вашей теме. Пожалуйста, обратите внимание на прикрепленный снимок экрана. Таким, образом, если мы правильно поняли ваш запрос, это особенность активной темы магазины. Если вы имели в виду что-то другое, пожалуйста, уточните.


Спасибо. 

Да, я имел ввиду только ссылки главного верхнего меню, они подсвечивают красным при наведении, кроме ссылки Заказать звонок. Я ранее не обратил на это внимание, поэтому не уверен, что она светилась. Но если все ссылки верхнего меню светятся, то по идее и эта должна. В этом мой вопрос. 


Кстати, я добавил в верхнее меню ссылку на Блог, её видно на скриншоте. Что в настройках мне нужно изменить, чтобы сделать эту ссылку все время красной и при наведении чтобы она становилась черной?

png

Насколько мы видим, ваш стиль базируется на стиле темы Cappuccino. Как вы можете увидеть в демонстрационном магазине этой темы, только ссылки из меню меняют цвет при наведении. Для остальных ссылок потребуется дополнительная модификация: необходимо добавить CSS-правила для определенных классов в секцию Пользовательские CSS редактора тем с псевдоклассом :hover.


Для того чтобы найти информацию по используемому классу, а также определить, какой именно класс используется для определенного элемента, вы можете воспользоваться инструментом разработчика в браузере, который вы используете. Обычно он вызывается нажатием клавиши F12 на клавиатуре. Для поиска нужного элемента вам необходимо нажать на иконку с лупой (в браузере Google Chrome) или на иконку курсора, наводящую на прямоугольную область (в браузере Mozilla Firefox), выделить интересующий вас элемент на странице Мерчиума, и в секции Elements (в браузере Google Chrome) или Styles (в браузере Mozilla Firefox) вы сможете увидеть название класса или идентификатора, значение которого вы сможете изменить.


Подробнее об использовании данного инструмента в браузерах Google Chrome и Mozilla Firefox вы можете найти на следующих ресурсах:


https://developer.chrome.com/devtools (на английском языке)

http://ruseller.com/lessons.php?rub=28&id=1683


http://firebug.ru/

https://mozilla-russia.org/products/firefox/videos/firebug.html


Информацию по работе с различными CSS свойствами вы можете найти на данных ресурсах:


http://htmlbook.ru/

http://www.w3schools.com/css/


Если у вас возникают сложности с добавлением необходимых правил, мы рекомендуем обратиться к специалистам по интеграции дизайна. Вы можете обратиться к специалистам компании ООО "Симтек Девелопмент" или к партнерам в Маркете Мерчиума.


Для элемента меню Блог вы можете добавить собственный CSS-класс в поле Дизайн > Меню > Быстрые ссылки > Блог > Пользовательский CSS-класс и создать CSS-правило на его основе.

Спасибо.


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