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

Решено Огромная картинка в карточке товара

Тема в разделе "Вопросы новичков", создана пользователем Yarichka, 16 июл 2016.

  1. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
    Здравствуйте, кто может помогите. Создала магазин, все отладила, единственное с чем не могу справится это огромное фото в карточке товара и некорректное размещение блоков в ней. Вот пример http://meduvsim.vn.ua/product/litne_riznotravia/
    Все что ранее прочитала не помогло, либо не смогла понять как реализовать. Если кто знает решение, помогите пожалуйста или может скиньте ссылку на решенную тему.
    Я очень-очень новичок, поэтому буду благодарна за разъяснения какой файл открывать и что в нем править, стандартные решения из админки уже все перепробовала.
     
    • Нравится Нравится x 1
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    1. Смотрите заданные размеры для "Изображение единичного товара" (WooCommerce -> Настройки -> Товары -> Отображение -> Изображение товара).
    2. Чтобы блок с ценой был расположен рядом с блоком картинки, нужно для него убрать свойство 'clear:both', т.е. сделать 'clear:none'. Подробнее решение проблемы смотрите на скриншоте.
     
    Последнее редактирование: 17 июл 2016
    • Нравится Нравится x 1
    • Согласен Согласен x 1
  3. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
    Спасибо, но это, к сожалению, не помогало. Я пробовала менять эти настройки в разных вариациях. Плагин восстановления изображений запускала, также перезаливала картинки после изменения настроек. Становилось только хуже: картинка делалась расплывчатой и нечеткой, но такой же большой.
    Последнее, что я делала это в файле woocommerce-layout.css
    woocommerce img,.woocommerce-page img{height:auto;max-width:100%}. вместо 100% поставила 48%. Это помогло, но все фото стали меньше, ровно в половину места которое занимали. И получилось только хуже
     
  4. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
  5. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
  6. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Ваша реальная картинка имеет размер 105px x 150px. Вот при этих размерах она не будет "расплывчатой".
    Вы увеличиваете размер блока картинки до 300 x 492px. Поэтому она расплывается.
    Подготовьте нормальные изображения под нужный размер.

    Да, и редактировать файлы плагина (\wp-content\plugins\woocommerce\assets\css\woocommerce-layout.css ) категорически не рекомендуется, т.к. он может перезаписаться при следующем обновлении плагина. Для этого есть файл стилей вашей темы, т.е. style.css
     
    • Согласен Согласен x 1
  7. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
    Благодарю. Но исходный размер картинок 1112*1590. Когда я выставляю размер для картинки товара в настройках woocommerce больше, фото наоборот становится четче.
    Мне кажется что здесь дело не в фотографиях а в настройках разметки самой страницы. Вот только я не знаю, где их можно изменить ((
     
  8. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
    По сути дела фото пусть бы оставалось таким, мне бы подтянуть название товара и цену на тот пробел, который посередине.
     
  9. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
  10. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    В style.css своей темы в конец вставьте код
    HTML:
    .type-product .entry-summary {
        clear:none;
    }
    Блок с ценой должен встать рядом с картинкой.
     
    • Нравится Нравится x 1
  11. Yarichka

    Yarichka

    Сообщения:
    8
    Симпатии:
    1
    Баллы:
    3
    Спасибо огромное!!! Так очень хорошо! http://meduvsim.vn.ua/product/vesniane_riznotravia/
     
    • Победитель Победитель x 1