Перейти к содержанию
Saffo

Изменение кнопки "купить" с иконки на надпись

Рекомендуемые сообщения

Добрый вечер! Долго искала тему, с подходящими ответами на мой вопрос, но не справилась, так что, если эта проблема уже где-то обсуждалась, буду благодарна за ссылку!
Суть вопроса: никак не могу разобраться с внешним видом кнопки купить непосредственно в карточке товара. Надо изменить ее с черного кружочка с изображением корзины непосредственно на надпись КУПИТЬ, как на второй фотографии-примере. Как я понимаю, менять надо в catalog/view/theme/tt_inspira1/stylesheet/theme.css, но где именно и что там писать - не знаю. Потому буду очень признательна за помощь!
Сайт: https://bookingfleur.ru

кнопка1.jpg

кнопка2.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Что-то типа

Спойлер

.pe-7s-cart:before {

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

}

 

#product .button-group button.btn-addtocart {

    background: red;

    width: auto;

    border: none;

    border-radius: 0;

 }

Принцип, надеюсь, понятен. остальное по вкусу

А у вас на Главной все нормально отображается?

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
15 часов назад, jaffagold сказал:

Что-то типа

  Скрыть контент

.pe-7s-cart:before {

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

}

 

#product .button-group button.btn-addtocart {

    background: red;

    width: auto;

    border: none;

    border-radius: 0;

 }

Принцип, надеюсь, понятен. остальное по вкусу

А у вас на Главной все нормально отображается?

Спасибо за совет! Принцип понятен, но изменить не получается: вместо текста купить высвечиваются либо бесконечные знаки вопросов, либо пустота. Текст не появляется.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Добавьте выделенное

.pe-7s-cart:before {

    font-family: Lato, sans-serif;

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

 

}

Изменено пользователем jaffagold

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, jaffagold сказал:

Добавьте выделенное

.pe-7s-cart:before {

    font-family: Lato, sans-serif;

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

 

}

:(

Screenshot_1.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, jaffagold сказал:

Добавьте выделенное

.pe-7s-cart:before {

    font-family: Lato, sans-serif;

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

 

}

:(

Screenshot_1.jpg

Изменено пользователем Saffo
Фотография не прикрепилась

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.