Ребята подскажите, у меня имеется кнопка “добавить в корзину” - для пк и планшетов пусть показывается она, но для моб-версии хочу изменить текст на другое. Получается юзер заходит через ПК получает полный текст, а через мобилу другой краткий текст (название) кнопки. Может быть есть функция для Смарти или как это делается правильно? Благодарю!
Помогите
Как вариант определяете, что моб версия скрываете один слой, показываете другой.
Если ставлю hidden-mobile, то откуда то появляется тег <br>
, не удобно так
Может быть есть какой нибудь детектор в смарти ?
Через смарти нельзя детектить мобильную версию или разрешение экрана.
Самый простой вариант через jquery:
<script>
if ($(window).width() < 768) {
$(document).bind('ready ajaxComplete', function(){
$('.ty-btn__add-to-cart').html('Название кнопки для мобильной версии');
});
}
</script>
4 лайка
То, что вы описываете должно решаться с помощью CSS-стилей:
<a href="#">
<span class="hidden-phone">Компьютер и планшет</span>
<span class="hidden-tablet hidden-desktop">Телефон</span>
</a>
3 лайка