← Все примеры

Etsy: закреплённый блок покупки

Удерживает панель с ценой и кнопкой покупки на виду при прокрутке описания.

Код для копирования

/* Keep the buy box visible while scrolling the description */
[data-buy-box-region] {
  position: sticky !important;
  top: 16px !important;
  align-self: flex-start !important;
}

Как использовать этот пример

1. Скопируй код кнопкой выше.
2. Установи JustZix (2 минуты) и открой расширение на нужной странице.
3. Добавь новое правило, совпадающее с этой страницей.
4. Вставь код в панель CSS правила и сохрани — эффект появится сразу.