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

Как добиться одного формата миниатюры товара

Тема в разделе "Вопросы новичков", создана пользователем Mr.Alexandr, 21 авг 2015.

  1. Mr.Alexandr

    Mr.Alexandr

    Сообщения:
    21
    Симпатии:
    1
    Баллы:
    3
    Знаю, что про это много раз спрашивали на форуме, но толкового ответа так и не нашел.
    Как привести миниатюру товара к одному формату? Необходима чтобы товар на миниатюре полностью помещался, независимо от соотношений сторон картинки. Только не говорите, пожалуйста "фотошоп в помощь". Как Сейчас все выглядит 1.jpg

    Настройки отображения 2.jpg
     
  2. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    Отпишите если нашли решение
     
  3. Mr.Alexandr

    Mr.Alexandr

    Сообщения:
    21
    Симпатии:
    1
    Баллы:
    3
    Решение найдено, оказалось все просто. Нужно добавить код в style.css.
    Значит в класс самой картинке товара добавил
    Код:
        .product-image .front-image img {
    width: auto!important;
        min-width: 0px;
        margin: auto;
        max-height: 250px;
        display: inline-block;
        vertical-align: middle;}
    В родительский класс добавил
    Код:
    .product-image .front-image {
        height: 250px;
        display: table-cell;
        width: 250px;
        vertical-align: middle;
        text-align: center;}
    width и height можете свои задать. Если что-то не получилось - просто дайте мне адрес вашего сайта и я скажу куда и что добавить.
     
    • Нравится Нравится x 1
  4. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    не могу найти куда добавить http://geekbull.com.ua
     
  5. Kitanaell

    Kitanaell

    Сообщения:
    37
    Симпатии:
    1
    Баллы:
    8
    я добавила для .woocommerce ul.products li.product a img
     
  6. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    А что именно ты туда добавила? Если не сложно покажи код ато у меня что то не получается.
     
  7. Mr.Alexandr

    Mr.Alexandr

    Сообщения:
    21
    Симпатии:
    1
    Баллы:
    3
    Уберите в настройках, галочки жесткая обрезка.
    В конец файла хранящегося по адресу http://geekbull.com.ua/wp-content/themes/modality/style.css добавте код
    Код:
    .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
        box-shadow: none;
        background-color: #ffffff;
        width: auto!important;
        min-width: 0px;
        margin: auto;
        max-height: 250px;
        display: inline-block;
        vertical-align: middle;}
    В конец файла хранящегося по адресу http://geekbull.com.ua/wp-content/plugins/woocommerce/assets/css/woocommerce.css добавте код
    Код:
    .woocommerce ul.products li.product a {
        height: 250px;
        display: table-cell;
        width: 250px;
        vertical-align: middle;
        text-align: center;
        text-decoration: none;}
    Скачайте плагин Regenerate Thumbail, установите и активируйте. С помощью плагина регенерируйте миниатюры.
     
  8. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    Не помогло, после вставки 2го кода вот что случилось
     

    Вложения:

  9. Mr.Alexandr

    Mr.Alexandr

    Сообщения:
    21
    Симпатии:
    1
    Баллы:
    3
    Хорошо, тогда второй код не добавляем, а все остальное оставляем. Зашел на ваш сайт , посмотрел на скрин. Понимаю проблема решена? Картинки вписались в бокс. Или нет? Тогда опишите подробнее, что еще меняем.
     
  10. ArtemZhyg

    ArtemZhyg

    Сообщения:
    49
    Симпатии:
    2
    Баллы:
    8
    С картинками у меня было все нормально, проблема в том что из-за разного количества строк названия товара плитки товара разные. После вставки кода и использования плагина ниичего не изменилось. Мне нужно чтобы размер плитки товара не зависил от количества строк названия товара.
    Я уже прошерстил весь инет и не нашел внятного ответа.
     
  11. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Обсуждалось и приводились примеры как сделать одинаковый размер не зависящий от количества строк названия товара.
     
  12. rikitiki

    rikitiki Местный

    Сообщения:
    750
    Симпатии:
    185
    Баллы:
    43
    Не получится, так как только от длины заголовков зависит высота блоков.
    Можно сделать фиксированную высоту блока, но тогда под короткими заголовками будут пробелы, а длинные заголовки будут неприятно обрезаться.
    Гляньте в моём блоге на компромиссное решение: http://innka.info/shirokoformatnaya-vitrina-woocommerce/