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

Огибание картинки товара

Тема в разделе "Вопросы, советы и доработки.", создана пользователем kuzmacska, 13 авг 2014.

  1. kuzmacska

    kuzmacska

    Сообщения:
    1
    Симпатии:
    0
    Баллы:
    1
    Подскажите, пожалуйста, как сделать огибание картинки товара его описанием (заголовком,ценой, кнопкой купить и описанием с артикулом) Все перегуглил, не получается.. Снимок.jpg
     
  2. Антон

    Антон

    Сообщения:
    22
    Симпатии:
    2
    Баллы:
    3
    По умолчанию в wpcommerce, "текст огибает картинку".
    Смотрите css шаблона темы.
    Как вариант, не достаточная ширина
    .content {

    }
    или как у вас называется класс, отвечающий за контент.
    вот и не помещается.
     
  3. rikitiki

    rikitiki Местный

    Сообщения:
    749
    Симпатии:
    184
    Баллы:
    43
    Не обтекает а делит карточку товара примерно пополам. На малых разрешениях контент медиазапросами уводится под изображение.
     
  4. Stork.71

    Stork.71 Местный

    Сообщения:
    1.034
    Симпатии:
    254
    Баллы:
    83
    надо смотреть по ссылке, что там недопрописано
     
  5. rikitiki

    rikitiki Местный

    Сообщения:
    749
    Симпатии:
    184
    Баллы:
    43
    Немного не в тему но выложу здесь, чтобы не создавать новый топик.
    Вопрос обтекания описания картинок в карточках товаров интересен.
    В Woocommerce это никак не реализовано. И если дополнительных миниатюр много или описание длинное то могут образоваться пустоты, а это выглядит не рационально.
    Взгляните например на карточку товара моего сайта, где много дополнительных миниатюр:
    http://innka.info/product/ukreplyayushhaya-syvorotka-dlya-resnic-i-brovej-mary-kay/
    В ней пространное описание товара я вывел в кратком дескрипшине. При этом слева, если раскрыть спойлер, образуется большой пробел. Однако если я выведу описание в полной форме, то есть в табе, то пробел будет под кнопкой "Добавить в корзину". Для выравнивания и изъятия пробела пришлось часть текста спрятать под спойлер. Смотрится конечно лучше, но при его раскрытии образуется пустота.
    По умолчанию Woocommerce делит наверху карточку товара на две части. То есть дивы флоатами разнесены в разные стороны. Каждый имеет ширину 48% В левом диве размещается картинка и дополнительные миниатюры, а в правом название товара, цена, кнопка "Добавить в корзину" и краткое описание. Эти элементы размещены во внутренних дивах правого дива.
    Если удастся изъять краткое описание из внутреннего дива и разместить его отдельно, например в теге обычного абзаца, то огибание текстом картинок будет.
    В онлайн-редакторе я набросал простенький код, как это должно выглядеть:
    http://codepen.io/anon/pen/eGvHK
    Можно конечно сделать описание в форме полного дескрипшина, но опять-таки нужно избавиться от размещения его в диве.
     
    Последнее редактирование: 18 сен 2014
  6. Drm

    Drm

    Сообщения:
    23
    Симпатии:
    10
    Баллы:
    3
    Если честно читал не очень внимательно, но похоже знаю, как решить проблему.

    Необходимо перенести хук с описанием ниже в шаблон. Напишите в скайп Drm1804 помогу решить
     
    • Нравится Нравится x 1
  7. rikitiki

    rikitiki Местный

    Сообщения:
    749
    Симпатии:
    184
    Баллы:
    43
    Последнее редактирование: 21 сен 2014
  8. rikitiki

    rikitiki Местный

    Сообщения:
    749
    Симпатии:
    184
    Баллы:
    43