Cm-tooltip на смартфоне

Баг-трекер Не признано багом
1

Раньше все работало. Потом перестало. Давно уже на самом деле перестало, я за это время успел тут уже пару раз об этом спросить, но ни разу ответа не получил.
Вот такая конструкция

<div class="controls" style="padding: 8px; cursor: pointer;">
        <span class="cm-tooltip" style="color: green;">
    Комплектуется
    </span>     </div>

код в шаблоне

    <span class="cm-tooltip" title="{$carrier_data.popup}" style="color: green;">
    {$carrier_data.status}
    </span>

на десктопе навожу мышь - всплывашка есть. На смартфоне раньше тапну на текст - всплывашка появляется. А вот уже больше года как - на смартфоне хоть обтапайся, а cm-tooltip не работает.

image
image836×490 39.3 KB

2 лайка
2

Тултипы для мобильных устройств были скрыты еще в 2019 году. Теперь вместо тултипов рекомендуется делать серые надписи с классом muted description под полем. Например:

<div class="control-group">
    <label class="control-label" for="elm_product_popularity">{__("popularity")}:</label>
    <div class="controls">
        <input type="text" name="product_data[popularity]" id="elm_product_popularity" value="{$product_data.popularity}"/>
        <p class="muted description">{__("ttc_popularity")}</p>
    </div>
</div>
3

Спасибо, это я понял. Но как были скрыты? Просто в шаблонах убрали этот класс. Если я в своем шаблоне класс ставлю - он прекрасно работает. Но только на десктопах.
Согласен, на десктопах можно и серыми буквами писать. НО.
На мобильном доп. информацию ОЧЕНЬ удобно было получать по тапу по тексту. Есть статус доставки - по тапу на него можно посмотреть или историю статусов, или расширенную информацию. В заказах по тапу на блок с товаром - вывожу название и остаток на складе… Да и на десктопе очень удобно не нужнкю постоянно справочную информацию по наведению мыши увидеть.

Не подскажете, как вернуть, чтобы это срабатывало не только на десктопе, но и на смартфоне?

4

Попробуйте удалить следующую часть кода:

@media (max-width: 950px) {
    html.touchevents {
        .tooltip, .cs-icon--type-question-sign {
            visibility: hidden !important;
            display: none !important;
        
            top: -9999px !important;
            left: -9999px !important;
        }
    }

    .tooltip, .cs-icon--type-question-sign {
        visibility: hidden !important;
        display: none !important;
    
        top: -9999px !important;
        left: -9999px !important;
    }
}

в файле design/backend/css/tygh/ui_base/tooltips.less вашей установки CS-Cart.

3 лайка
5

Спасибо, сработало!