Поддержка Темы и шаблоны Добавить кнопку из темы flash

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • Кнопка — это обычная ссылка с нужным классом
    <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;

    Спасибо большое

Просмотр 12 ответов — с 1 по 12 (всего 12)