Как уменьшить размер изображения товара в Карточке продукта

[Ed777]

Сейчас в карточке товара фотография товара очень большая, я говорю не о весе фото, а его размере при отображении на экране. Как сделать фото товара в карточке меньше, что бы оно не занимало пол экрана!

 

[tuxfighter]

переверстать сетку страницы товара

 

[Ed777]

переверстать сетку страницы товара

Можете конкретней? Это в шаблоне темы в стилях уменьшить размер?

 

[tuxfighter]

Можете конкретней?

Смотря как реализовано. Возможно в шаблонах темы, может хватит только стилей.
У вас вопрос из разряда "как сделать скамейку?". Т.е. на который можно ответить только общими словами "с помощью досок, молотка, гвоздей и рубанка"

Кстати, возможно такая опция вообще есть в настройках темы

 

[Ed777]

Кто то ещё может дать совет!

 

[ADv]

Кто то ещё может дать совет!

Может.
Для начала дайте ссылку на страницу.
Далее, загляните в кастомайзер, посмотрите на размеры картинок товаров, которые генерирует вуу.
Далее, загляните в шаблон вывода страницы товара, посмотрите на название thumbnail, которая используется на странице товара, найдите этот код в теме, измените размеры на свои, перегенерируйте миниатюры.
Далее, можете просто ужать с помощью CSS размер.
Далее, отпишитесь о результатах.
Также, вероятно, что фотки выводятся галереей какого-нить плагина.
Либо, это у Вас такой дефолтный зум.
В общем, вариантов уйма, без ссылки и кода темы советовать что-то конкретное бессмысленно.

 

[marr]

Кто то ещё может дать совет!

Только присоединиться к уже перечисленному. Сайт покажите

 

[Ed777]

Только присоединиться к уже перечисленному. Сайт покажите

Сайт vela-art.com
Нашел и сейчас использую вот такой код, но в мобильной версии не совсем корректно теперь отображается фото товара! Подскажите может есть другое решение?

.woocommerce-page div.product div.images {
    max-width: 30% !important;
}

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