Закріплення елементів на екрані під час прокрутки
Щоб важливі дії (наприклад, «Замовити» або «Допомога») залишалися під рукою у користувача на всіх етапах взаємодії з сайтом, ви можете закріпити елемент у вибраній зоні екрана, забезпечуючи його видимість під час прокручування сторінки.
У цій статті ви дізнаєтесь, як закріпити наступні елементи:
Кнопка
Іконка
Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент:
У новому вікні виберіть елемент Кнопка для додавання до блоку:
Примітка: можливості закріпити елемент Дві кнопки немає.
Натисніть на доданий елемент і клікніть на «шестерню», щоб перейти до налаштувань кнопки:
Для фіксації кнопки, увімкніть відповідний перемикач у її налаштуваннях:
Підказка: ви можете відкріпити кнопку, клікнувши на той самий тумблер знову.
Примітка: ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших.
Після увімкнення цієї функції, ви можете змінити розташування плаваючої кнопки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③.
Примітка: залежно від розміру екрану, від масштабу вашого браузеру та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись.
Також ви можете увімкнути функцію відображення при прокрутці, щоб плаваюча кнопка відображалась після певного відсотку прокрученої сторінки:
Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.
Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент:
У новому вікні виберіть елемент Іконка для додавання до блоку:
Підказка: детальніше щодо налаштувань самої іконки, можете дізнатись з цієї статті.
Примітка: можливості закріпити елемент Іконки соцмереж, Список іконок, Список іконок + опис, Підписуйтеся на нас немає.
Натисніть на доданий елемент і клікніть на шестерню, щоб перейти у його налаштування:
Для фіксації іконки, увімкніть відповідний перемикач у її налаштуваннях:
Підказка: ви можете відкріпити іконку, клікнувши на той самий тумблер знову.
Примітка: ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших.
Після увімкнення цієї функції, ви можете змінити розташування плаваючої іконки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③.
Примітка: залежно від розміру екрану, від масштабу вашого браузеру та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись.
Також ви можете увімкнути функцію відображення при прокрутці, щоб фіксована іконка відображалась після певного відсотку прокрученої сторінки:
Підказка: ви можете задати для іконки дію “Перейти до блоку” та обрати перший блок вашої сторінки, тоді закріплена іконка може бути використана, як кнопка для прокрутки вгору.
Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.
У цій статті ви дізнаєтесь, як закріпити наступні елементи:
Кнопка
Іконка
Додавання фіксованої кнопки
Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент:
У новому вікні виберіть елемент Кнопка для додавання до блоку:
Примітка: можливості закріпити елемент Дві кнопки немає.
Натисніть на доданий елемент і клікніть на «шестерню», щоб перейти до налаштувань кнопки:
Для фіксації кнопки, увімкніть відповідний перемикач у її налаштуваннях:
Підказка: ви можете відкріпити кнопку, клікнувши на той самий тумблер знову.
Примітка: ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших.
Після увімкнення цієї функції, ви можете змінити розташування плаваючої кнопки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③.
Примітка: залежно від розміру екрану, від масштабу вашого браузеру та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись.
Також ви можете увімкнути функцію відображення при прокрутці, щоб плаваюча кнопка відображалась після певного відсотку прокрученої сторінки:
Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.
Додавання фіксованої іконки
Для початку, наведіть на блок і натисніть на «плюс» у тому місці, де ви хочете розмістити елемент:
У новому вікні виберіть елемент Іконка для додавання до блоку:
Підказка: детальніше щодо налаштувань самої іконки, можете дізнатись з цієї статті.
Примітка: можливості закріпити елемент Іконки соцмереж, Список іконок, Список іконок + опис, Підписуйтеся на нас немає.
Натисніть на доданий елемент і клікніть на шестерню, щоб перейти у його налаштування:
Для фіксації іконки, увімкніть відповідний перемикач у її налаштуваннях:
Підказка: ви можете відкріпити іконку, клікнувши на той самий тумблер знову.
Примітка: ця функція недоступна для блоків-колекцій, Flex-блоку та певних інших.
Після увімкнення цієї функції, ви можете змінити розташування плаваючої іконки на екрані по горизонталі ① та по вертикалі ②, перед цим обравши один з готових пресетів позиції кнопки ③.
Примітка: залежно від розміру екрану, від масштабу вашого браузеру та масштабу, що встановлено у налаштуваннях системи, відображення на опублікованому сайті може відрізнятись.
Також ви можете увімкнути функцію відображення при прокрутці, щоб фіксована іконка відображалась після певного відсотку прокрученої сторінки:
Підказка: ви можете задати для іконки дію “Перейти до блоку” та обрати перший блок вашої сторінки, тоді закріплена іконка може бути використана, як кнопка для прокрутки вгору.
Не забудьте опублікувати свій сайт, аби зміни відобразилися на ньому.
Оновлено: 31/03/2025
Дякуємо!