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

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

Ed777

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

tuxfighter

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

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

ADv

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

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%;
}
 
Сверху Снизу