Поддержка → Проблемы и решения → Как удалить кнопку?

Как удалить кнопку?

  • Решено evgenii2

    (@evgenii2)


    3 года, 10 месяцев назад

    Как через CSS скрыть/убрать/удалить кнопку «More Info»? Плагин зачем-то ее сюда ставит, хотя она не нужна. Других способов, кроме как через код, убрать ее шансов нет. Что конкретно нужно вставить в окно редактора CSS (планирую использовать встроенный в тему ASTRA редактор css) — если неправильно, то подскажите куда вставлять нужный код?

    Также у всех товаров есть кнопка «В Wishlist». Как глобально/на всем сайте поменять ее цвет на другой? Автоматически подтягивается цвет кнопки «В корзину».

    Вот https://teafornication.ru/teabox/

    • Тема изменена 3 года, 10 месяцев назад пользователем evgenii2.
    • Тема изменена 3 года, 10 месяцев назад пользователем evgenii2.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • anonymized-17844177

    (@anonymized-17844177)

    3 года, 10 месяцев назад

    evgenii2, привет.

    Как через CSS скрыть/убрать/удалить кнопку «More Info»?

    .entry-summary .xt_wooqv-more-info {
	display: none;
}

    Как глобально/на всем сайте поменять ее цвет на другой?

    .woocommerce button.alg-wc-wl-btn {
	border-color: #f00;
	background-color: #f00;
}

    По идее, должно сработать. Добавлять в дополнительные стили в настройках темы или в CSS дочерней темы.

    Автор evgenii2

    (@evgenii2)

    3 года, 10 месяцев назад

    Спасибо! Удалось поменять цвет кнопки.

    Но лишняя кнопка, к сожалению, на месте…

    .entry-summary .xt_wooqv-more-info {
    display: none;
    }

    А можно ее удалить через css?

    anonymized-17844177

    (@anonymized-17844177)

    3 года, 10 месяцев назад

    evgenii2,

    Но лишняя кнопка, к сожалению, на месте…

    Окей, а если вот так:

    .entry-summary button.xt_wooqv-more-info {
	display: none;
}

    ?

    Автор evgenii2

    (@evgenii2)

    3 года, 10 месяцев назад

    Получилось, спасибо большое!

    Автор evgenii2

    (@evgenii2)

    3 года, 10 месяцев назад

    А не подскажите, как убрать отображение артикула здесь же?
    По такому же смыслу делаю, но, видимо, не то выбрал

    .span sku_wrapper {
    display: none;
    }

    • Ответ изменён 3 года, 10 месяцев назад пользователем evgenii2.
    anonymized-17844177

    (@anonymized-17844177)

    3 года, 10 месяцев назад

    evgenii2,

    Получилось, спасибо большое!

    Супер! На здоровье 🙂

    А не подскажите, как убрать отображение артикула здесь же?

    Скажите точнее где/что хотите убрать и как это сейчас выглядит, я подскажу.

    Автор evgenii2

    (@evgenii2)

    3 года, 10 месяцев назад

    Скажите точнее где/что хотите убрать и как это сейчас выглядит, я подскажу.

    Артикул убрал, но есть более сложная проблема с тем, что у всех товаров кнопка «в корзину» на разном уровне . Я нашёл, что как-то через css фиксируют высоту и кнопка с ценой всегда на одном уровне, не зависимо от длины названия. Но у меня не получается, так как другие данные в примерах. Если это не сложно сделать, может вы знаете как?

    tuxfighter

    (@tuxfighter)

    3 года, 10 месяцев назад

    Может все-таки прочитаете правила форума, в частности п.2
    И перестанете их нарушать, задавая кучу вопросов в одной теме и дублировать вопросы по разным темам?

    anonymized-17844177

    (@anonymized-17844177)

    3 года, 10 месяцев назад

    evgenii2,

    у всех товаров кнопка «в корзину» на разном уровне

    Попробуйте так:

    .astra-shop-summary-wrap h2 {
	height: 47px;
}

    У вас там нет названий на 3 строки, так что вариант вполне себе, но тут же и нюанс: будет название в 3 строки, тогда придётся менять решение.

    tuxfighter

    (@tuxfighter)

    3 года, 10 месяцев назад

    Потом смотрим на планшете и рыдаем…
    затем открываем на мобильнике и рыдаем навзрыд….

    Автор evgenii2

    (@evgenii2)

    3 года, 10 месяцев назад

    придётся менять решение

    А что можно еще в этом случае сделать? Потому что кнопка выравнилась, но названия теперь поехали на мобильной версии.

    anonymized-17844177

    (@anonymized-17844177)

    3 года, 10 месяцев назад

    evgenii2,

    А что можно еще в этом случае сделать?

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

    Сейчас, кстати, выравнивания кнопки у вас на сайте не вижу.

    Автор evgenii2

    (@evgenii2)

    3 года, 10 месяцев назад

    Сейчас, кстати, выравнивания кнопки у вас на сайте не вижу.

    Вернул как было, а то на телефоне совсем как-то все съезжало.

    Доработать правку под мобильные устройства

    Но это видимо уже сложнее чем css? К разработчикам только обращаться?

    anonymized-17844177

    (@anonymized-17844177)

    3 года, 10 месяцев назад

    evgenii2,

    Но это видимо уже сложнее чем css?

    Это тот же CSS, только с использованием @media для корректировки стилей под мобильные экраны. Фактически — доработка «напильником» нужной вам правки.

Просмотр 14 ответов — с 1 по 14 (всего 14)
  • Тема «Как удалить кнопку?» закрыта для новых ответов.

Метки темы

Просмотр