Вы хотите скрыть кнопку «Читать дальше» в WooCommerce? Возможно, вы используете тему, которая не дает вам такой возможности, или, возможно, вы просто хотите привести в порядок страницы товаров. Независимо от причины, скрыть кнопку «Читать дальше» на самом деле довольно просто с помощью небольшого количества CSS.
Как скрыть кнопку «Читать дальше» в WooCommerce?
В этом руководстве мы покажем вам, как скрыть кнопку «Читать дальше» в WooCommerce с помощью всего нескольких строк CSS.
Вам потребуется доступ к таблице стилей вашей темы и базовое понимание CSS. Если вы не умеете работать с CSS, мы рекомендуем обратиться за помощью к разработчику или другу.
Вот что вам нужно сделать:.
-
Зайдите в таблицу стилей вашей темы. Обычно она находится в папке «Темы WordPress». Если вы используете дочернюю тему, то она будет находиться в папке дочерней темы.
-
Добавьте следующий код CSS в таблицу стилей:
/* Скрыть кнопку «Читать дальше»*/
.woocommerce-product-details__short-description { display: none; }
/* Показывать только отрывок */
.woocommerce-product-details__long-description { display: block; }
- Сохраните изменения и загрузите файл на свой сервер. Вот и все! Теперь кнопка «Читать дальше» должна быть скрыта на всех страницах вашего товара.
Вывод:
Скрыть кнопку «Читать дальше» в WooCommerce легко с помощью небольшого количества CSS. Просто откройте таблицу стилей вашей темы и добавьте код, приведенный в этом руководстве. Сохраните изменения и загрузите файл на свой сервер, и кнопка «Читать дальше» будет скрыта на всех страницах вашего товара.