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

Сделать кнопку, которая не движется при пролистывании страницы

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

Как сделать кнопку, чтобы она при пролистывании страницы всё-равно оставалась на месте (по аналогии с тем, как сейчас в правом углу вот такого сайта: http://ekodizayn.mymerchium.ru/)?

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


Пожалуйста, уточните, какая функция будет у этой кнопки.


Спасибо.

Мы хотим установить кнопку "Звонок с сайта", код которой предоставит сервис LPTracker.
Здравствуйте, Владислав!

Спасибо за уточнение. Чтобы добавить такую кнопку вам необходимо добавить код сервиса LPTracker в блок HTML блок на странице Дизайн > Макеты. Перед добавлением кода в HTML блоки мы рекомендуем отключать HTML-редактор.

1. Откройте страницу Настройки > Внешний вид.
2. Выберите вариант Не использовать для настройки HTML-редактор по умолчанию.
3. Откройте страницу Дизайн > Макеты > По умолчанию.
4. Нажмите кнопку + Добавить секцию или блок > Добавить блок в секции, куда вы хотите добавить блок.
5. Перейдите на вкладку Создать новый блок.
6. Выберите HTML блок.
7. Введите название блока в соответствующем поле, перейдите на вкладку Содержимое, добавьте свой код и нажмите кнопку Создать.
8. Включите HTML-редактор.

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

Спасибо.

 

Арина, я разговаривал с представителями сервиса. Они сказали, что нам надо своими силами сделать фиксированную кнопку, причем не важно, какой функционал она будет выполнять при ее нажатии, можно вообще без функционала. Т.е. главное, чтобы была кнопка (или любое изображение), зафиксированное у нас на страницах сайта и не движущееся при пролистывании. А они далее на эту кнопку (поле) свой функционал звонка установят.

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


В этой ситуации рекомендуем добавить для элемента CSS-свойство position. Оно устанавливает способ позиционирования элемента относительно окна браузера или других объектов на странице. Например, чтобы элемент всегда оставался на одной позиции во время пролистывания, необходимо установить для него значение fixed. Чтобы определить, в каком месте экрана будет располагаться элемент, пожалуйста, воспользуйтесь свойствами

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


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


http://htmlbook.ru/

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


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


Спасибо.

Подскажите, пожалуйста, а это свойство - position - надо установить для какого элемента (название)?

Его необходимо установить для кнопки, которая требуется для сервиса. Как вы упоминали ранее, ее роль может выполнять любое изображение. В этом случае вы можете добавить HTML-блок с необходимым содержимым (кнопкой, изображением или другим подходящим элементом), а затем добавить для него CSS-свойство.


Спасибо.


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