Решено Картинка товара

[Andrew17]

Всем привет,

Не могу изменить картинку товара. Точнее ее размер. В настройках WooCommerce указаны совершенно другие размеры, но на странице продукта почему то стоит огромный размер. Как это исправить?
p.s. даже если добавить картинку (вместо заплатки) , то она растягивается под такой же размер.

Как это можно исправить? Custom css что то не помог мне...

 

[D&B]

Некоторые темы оверайдят размеры WC. Используйте размеры рекомендованные автором темы. Ну и конечно не стоит забывать про
Regenerate Thumbnails

 

[rikitiki]

даже если добавить картинку (вместо заплатки) , то она растягивается под такой же размер

Потому что в woocommerce для этой картинки
img {
height: auto;
width: 100%;
}
Неважно какое у вас значение ширины в px выставлено в настройках. Картинка растягивается на все 100% ширины блока в который она заключена.
Блок же тоже имеет относительную ширину. По умолчанию 48% от ширины контента.
Уменьшите эту величину и изображение тоже уменьшится. Только не забудьте соответственно увеличить на ту же величину блок справа. в котором заголовок ценник и краткое описание. Его ширина по умолчанию тоже 48%

 

[Che-J]

Уменьшите эту величину и изображение тоже уменьшится.

Подскажите, пжл, где править эту величину блока.

 

[rikitiki]

В custom.css Ширину под картинку (48%) уменьшите, а ширину под контент(48%) на туже величину увеличьте. Гляньте через Файребаг на карточку товара, там всё видно.

 

[Che-J]

В custom.css Ширину под картинку (48%) уменьшите, а ширину под контент(48%) на туже величину увеличьте. Гляньте через Файребаг на карточку товара, там всё видно.

Сорри за нубские вопросы, но я еще нуб))
Про custom.css знаю что это такое. Мне бы понять какой именно кусок надо изменить

 

[rikitiki]

На своём сайте я изменил ширину под картинку:

.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
    width: 39%;
}

А ширину под контент справа:

.woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary {
    width: 57%;
}

 

[Che-J]

На своём сайте я изменил ширину под картинку:

Спасибо!