Как поменять название кнопки добавить в корзину для моб-версии?

Ребята подскажите, у меня имеется кнопка “добавить в корзину” - для пк и планшетов пусть показывается она, но для моб-версии хочу изменить текст на другое. Получается юзер заходит через ПК получает полный текст, а через мобилу другой краткий текст (название) кнопки. Может быть есть функция для Смарти или как это делается правильно? Благодарю!

Помогите :pray:t2:

Как вариант определяете, что моб версия скрываете один слой, показываете другой.

Если ставлю 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 лайка