const popup = '<style>\
        .cart-item-info-container a::after {\
            content: "Подробнее";\
            visibility: visible;\
            border-color: #c90057;\
            color: #c90057;\
            font-size: 1em;\
            display: inline;\
            text-decoration: underline;\
            border-style: solid;\
            border-width: 1px;\
            font-weight: bold;\
            line-height: 1.42857143;\
            padding: 4px 11px;\
            border-radius: 4px;\
            position: absolute;\
            left: 0;\
            top: 0;\
        }\
    \
        .cart-item-info-container a {\
            visibility: hidden;\
            position: relative;\
        }\
    </style>\
    <div class="popup-row">\
        <div class="popup-cell">\
            <div class="popup-block">\
                <div class="image" style=" background-image: url(https://files.carrotquest.io/message-images/20360/20360-1566900229866-bx4mbdd8.jpeg); background-position: center; background-size: contain; background-repeat: no-repeat;height:200px;"></div>\
            </div>\
            <div class="popup-block">\
                <div class="cart-container">\
                    {% set massViewed = [] %}\
                    {% set massViewedName = [] %}\
                    {% for e in get_last_events("$product_viewed") %}\
                        {% if e.props["$name"].lower().strip() not in massViewedName %}\
                            {% set x = massViewed.append(e) %}\
                            {% set x = massViewedName.append(e.props["$name"].lower().strip()) %}\
                        {% endif %}\
                    {% endfor %}\
                    {% for b in massViewed[:4] %}\
                        {% set url = b.props["$url"] %}\
                        {% set img = b.props["$img"] %}\
                        {% set name = b.props["$name"] %}\
                        {% set price = b.props["$price"] %}\
                        <div class="cart-item">\
                            <div class="cart-item-img" style="background-image: url("{{ img }}")"></div>\
                            <div class="cart-item-info-container">\
                                <div class="cart-item-info" style="color: #000000;">\
                                    <div class="cart-item-name">{{ name }}</div>\
                                    <div class="cart-item-price right">\
                                        <span class="cart-item-price-cost">{{ price }}</span><span class="cart-item-currency-symbol"> ₽</span>\
                                    </div>\
                                </div>\
                                {{ url }}\
                            </div>\
                        </div>\
                    {% endfor %}\
                </div>\
            </div>\
        </div>\
    </div>';

const div = document.createElement('div');

div.innerHTML = popup;
div.id = 'cqPopup';
document.body.appendChild(div);