Кнопка — это обычная ссылка с нужным классом
<a href="ссылка" class="button product_type_simple add_to_cart_button ajax_add_to_cart" rel="nofollow">Надпись на кнопке</a>
Ввел такой код
<a href="https://school.vendigo.ru/payment-basic-photo/" class="button product_type_simple add_to_cart_button ajax_add_to_cart" rel="noopener">Внести предоплату 900 руб. и записаться на курс</a>
Внизу этой страницы
Перед комментариями. Но у меня получилась простая текстовая ссылка.
У меня в теме не прописан этот класс?
для начала кеш сбросьте и не используйте кеширующие плагины при разработке
<a href="https://school.vendigo.ru/payment-basic-photo/" rel="noopener" target="_blank">Внести предоплату 900 руб. и записаться на курс</a>
найдите отличия:
<a href="https://school.vendigo.ru/payment-basic-photo/" class="button product_type_simple add_to_cart_button ajax_add_to_cart" rel="noopener">Внести предоплату 900 руб. и записаться на курс</a>
Залогиненным пользователям (то есть мне) сайт отдает страницы без кэша так что вроде с ним не должно быть проблем.
Но даже после сброса кэша кнопка не появилась (
повторю еще раз для не самых внимательных:
<a href="https://school.vendigo.ru/payment-basic-photo/" rel="noopener" target="_blank">Внести предоплату 900 руб. и записаться на курс</a>
найдите отличия:
<a href="https://school.vendigo.ru/payment-basic-photo/" class="button product_type_simple add_to_cart_button ajax_add_to_cart" rel="noopener">Внести предоплату 900 руб. и записаться на курс</a>
Нужный код и стоит. Можно найти если открыть код страницы забить в поиске «button product_type_simple add_to_cart_button ajax_add_to_cart»
Или фрагмент кода целиком. Тот код что вы приводите выше, тоже есть на этой странице, но он находится выше, внутри статьи.
school.vendigo.ru/courses/basic-photo
попробуйте добавить стиль
a.button{
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
color: #fff;
background-color: #30afb8;
border: 0;
display: inline-block;
}
Вот, кнопка появилась. Но она немного другая.
В оригинале текст белый и при наведении курсора кнопка становится темней.
В оригинале текст белый
color: #fff; добавить !important :
color: #fff !important;
при наведении курсора кнопка становится темней.
добавить стиль для hover-а:
background-color: #1c9ba4;
Вроде получается. Добавил в style.css такой код в начале файла
/* стиль кнопки */
a.button{
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
overflow: visible;
padding: .618em 1em;
font-weight: 700;
border-radius: 3px;
left: auto;
background-color: #30afb8;
border: 0;
display: inline-block;
color: #fff !important;
}
a:hover {
background-color: #1c9ba4;
}
А как убрать подчеркивание текста при наведении курсора на кнопку?
Добавил в style.css
Вы тему обновлять не собираетесь?
в начале файла
вам стоит подучить css
А как убрать подчеркивание текста при наведении курсора на кнопку?
text-decoration: none;
