• Никакой политики на форуме. Иначе - бан!
  • Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!
  • Темы озаглавленные с маленькой буквы или капсом удаляются без предупреждения!

Некрасиво выглядит страничка с товаром

Alisa

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

rikitiki

Специалист
Местный
Под картинку в карточке товара woocommerce отводит чуть меньше половины ширины области контента. Если у вас например отсутствует сайдбары и область контента занимает ширину на весь экран то и картинка будет на пол экрана. Чтобы уменьшить размеры картинки надо в css править отводимую ей ширинув %.
Насчёт описания. Описание размещается внизу, под картинкой, а вот краткое, для которого в редакторе есть ещё одна форма, выводится справа от изображения.
 
Последнее редактирование:
  • Like
Реакции: vic

Яна

Новичок
Подскажите пожалуйста, где в css нужно править отводимую ширину в %. Спасибо)
 

redjek

Опытный
Местный
Подскажите пожалуйста, где в css нужно править отводимую ширину в %. Спасибо)
А ктож его знает =))) Может у вас тема уже имеет свои стили для воокомерца, тогда надо искать там, если нет то обычно тут /plugins/woocommerce/assets/css/woocommerce-layout.css

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary
{
  1. float: right;
  2. width: 48%;
}
 
Сверху Снизу