Форсирование Force на странице продукта Woocommerce

Question

Я использую плагин woocommerce Order Builder для wp темы shopkeeper. в рекламируемом виде по умолчанию создатель заказа должен взять на себя страницу продукта, чтобы она была легко читаемой, но эта тема, похоже, имеет свои собственные правила. вместо полной страницы я получаю изображение заполнителя woocommerce слева от страницы, а конструктор заказов втискивается в правую сторону, затрудняя понимание того, что вы заказываете.

Я читаю где-то, что мне нужно " используйте CSS, чтобы переместить нужный элемент в правильные позиции и отобразить ", но не знаю, как go об этом.

ваша помощь крайне необходима.

Answer 1

Большое предостережение: я думаю, что вам гораздо лучше отредактировать здесь HTML - удалить ненужный раздел и настроить классы оформления столбцов для части, которую вы хотите расширить. Крючки могут предоставить чистый способ сделать это, или вы можете переопределить файлы шаблонов: https://docs.woocommerce.com/document/template-structure/

Но, в интересах получения быстрого (хотя и хакерского) исправления, вот некоторые CSS для вас:

.product_content_wrapper>.row>.large-6.medium-12.columns {
    display: none;
}
.product_content_wrapper>.row>.large-4.xlarge-5.xxlarge-5.large-push-0.columns {
    width: 100% !important; /** This is the really hacky part**
}

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