Модальное окно

Открыть модальное окно

HTML код для вставки на страницу в режиме HTML вставки.

<a href="#modalwindow">Открыть модальное окно</a>
<div id="modalwindow" class="modal">
    <div class="modal__body">
        <p>В Достависте Вы всегда сможете заказать курьера на замену. В течение 1-2 часов он будет у Вас. В любое время суток. Без бюрократии и выматывающих звонков диспетчеру. Просто заполните форму заказа курьерской службы!
        </p>
        <p>В Достависте Вы всегда сможете заказать курьера на замену. В течение 1-2 часов он будет у Вас. В любое время суток. Без бюрократии и выматывающих звонков диспетчеру. Просто заполните форму заказа курьерской службы!
        </p>
    </div>
    <a href="#" class="modal__full"></a>
</div>

CSS код для вставки в user.html

.modal {
    position: fixed;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
}
.modal:target {
    display: flex;
    pointer-events: auto;
}
.modal__body {
    position: relative;
    z-index: 200;
    display: block;
    margin: auto;
    padding: 15px;
    background: #ffffff;
    max-width: calc(100vw - 200px);
}
@media screen and (max-width: 900px) {
    .modal__body {
    	max-width: calc(100vw - 50px);
   }
}
.modal__full {
    position: absolute;
    display: block;
    z-index: 0;
    width: 100%;
    height: 100%;
} 
Обратите внимание
SEO-фильтр
SEO-фильтр

SEO-оптимизация страниц результатов подбора

SEO-оптимизация
SEO-оптимизация

Быстрая и гибкая оптимизация вашего магазина

Ajax фильтры
Ajax фильтры

Фильтры товаров как в Яндекс.Маркете с описанием

Купить в 1 клик
Купить в 1 клик

Адаптивная и гибкая форма для быстрой покупки!

Редактировать в один клик
Редактировать в один клик

Товары в админке,вместо просмотра - редактирование

Автозаполнение адреса
Автозаполнение адреса

Удобное заполнение адреса доставки в один клик