изменить ширину страницы woocommerce

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

вот как это выглядит

введите здесь описание изображения

Я просмотрел тонну кода woocommerce, но просто не могу понять, где установлена ​​​​ширина для их страниц ... любая помощь будет очень признательна


person HurkNburkS    schedule 21.10.2012    source источник
comment
Скорее всего, это установлено в CSS, однако на вашем снимке экрана видно, что ширина изображения может его подтолкнуть.   -  person doublesharp    schedule 21.10.2012
comment
Проверьте это для получения дополнительной информации css-tricks.com/forums/discussion/15253/ woocommerce/p1   -  person doublesharp    schedule 21.10.2012
comment
Спасибо, я видел эту ссылку и пытался ее использовать, но я просто не могу найти, где размер даже установлен для woocommerce... поэтому я не думаю, что, может быть, мне следует отключить боковую панель для этой страницы... но не уверен, как это сделать.   -  person HurkNburkS    schedule 21.10.2012


Ответы (3)


Попробуйте установить Firebug для Firefox. Таким образом, вы можете щелкнуть правой кнопкой мыши области вашего шаблона и выбрать «Проверить элемент с помощью Firebug».

Вы можете поиграть с CSS, и справа он также сообщит вам, какой файл CSS и строку, чтобы вы могли затем изменить шаблон.

По памяти некоторые из этих тем woocommerce объявляют CSS в подкаталоге внутри темы. Но firebug должен указать вам местонахождение файла.

Надеюсь это поможет ;)

person jezhug    schedule 21.10.2012

Макет темы определяет ширину страницы и боковой панели. Woocommerce контролирует размер изображения, отображаемого для продуктов. Это может иметь в этом свою роль. Попробуйте сделать изображения маленькими, пока не настроите боковые панели, а затем подгоните к ним изображения.

person Win    schedule 23.10.2012

Дублируйте файл page.php вашей темы и назовите его woocommerce.php
Этот файл следует найти следующим образом: wp-content/themes/ВАША ТЕМА/woocommerce.php.

Откройте свой woocommerce.php в текстовом редакторе и замените цикл

Далее вам нужно найти петлю (см. The_Loop). Цикл обычно начинается с:

<?php if ( have_posts() ) :

и обычно заканчивается:

<?php endif; ?>

Это зависит от темы. Как только вы его нашли, удалите его. На его место поставить:

<?php woocommerce_content(); ?>
person Tanin    schedule 20.11.2012