Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Sign Up

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


Recommended Posts

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

кнопка1.jpg

кнопка2.jpg

Link to post
Share on other sites

Что-то типа

Спойлер

.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;

 }

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

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

Edited by jaffagold
Link to post
Share on other sites

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;

 }

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

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

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

Link to post
Share on other sites

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

.pe-7s-cart:before {

    font-family: Lato, sans-serif;

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

 

}

Edited by jaffagold
Link to post
Share on other sites

1 час назад, jaffagold сказал:

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

.pe-7s-cart:before {

    font-family: Lato, sans-serif;

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

 

}

:(

Screenshot_1.jpg

Link to post
Share on other sites

1 час назад, jaffagold сказал:

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

.pe-7s-cart:before {

    font-family: Lato, sans-serif;

    content: "Купить";

    font-size: 18px;

    font-weight: 600;

 

}

:(

Screenshot_1.jpg

Edited by Saffo
Фотография не прикрепилась
Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.