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

Изменение дизайна блока "related"

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

Метки:
  1. PaulStranger

    PaulStranger

    Сообщения:
    4
    Симпатии:
    0
    Баллы:
    1
    Добрый день. Заметил, что в темах, которые поддерживают woocommerce, да и в самом плагине, абсолютно нет инструментов по изменению дизайна и структуры блока related, который отвечает за визуализацию и отображение похожих товаров. То есть всё выглядит довольно ущербно: картинка, под ней название товара, и ниже цена. Можно ещё рейтинг отобразить, что в итоге вытягивает по вертикали превью товара, особенно если название товара длинное.

    Собственно вопрос к знающим - есть ли простой и понятный способ редактуры этого самого блока по части дизайна и дополнения, например, вывод дополнительной информации из кастомного поля.

    Понимаю, что это надо пилить шаблон related.php, но не более.

    Например похожие товары сейчас отображаются так:

    [​IMG]

    А требуется вот так, где название товара, модель, цена и наличие - кастомные поля, обёрнутые в свои css.

    [​IMG]

    Если что-то похожее уже обсуждалось, прошу не пинать. Через поиск не нашёл.
     
  2. searchingman

    searchingman Местный

    Сообщения:
    1.634
    Симпатии:
    553
    Баллы:
    113
    Те данные, которые есть и их нужно передвинуть можно сделать с помощью стилей CSS.
    Тех данных, которые нет, придется добавлять их вывод в шаблонах WooCommerce (php).
    Поэтому без начальных знаний шаблонов WooCommerce и CSS с PHP возможно не обойтись.

    Возможно есть какие-то визуальные плагины для решения данной задачи, но про них не знаю.
     
  3. PaulStranger

    PaulStranger

    Сообщения:
    4
    Симпатии:
    0
    Баллы:
    1
    Спасибо за ответ. Да, те данные что есть, можно поверх картинки-превью разместить, на данный момент я так и сделал.
    Для самостоятельного конструирования вывода инфы по единичному товару есть плагины, например, для билдера страниц Visual Composer есть WooCommerce Single Product Page Builder, но он не поддерживает изменение блока related, при том, что он довольно крутой по функционалу.

    В интеренете вообще мало информации по редакруре related.php, что меня очень удивляет.
     
    Последнее редактирование: 22 июл 2016
  4. D&B

    D&B Администратор Команда форума Местный

    Сообщения:
    3.266
    Симпатии:
    724
    Баллы:
    113
    Есть сотни тем, в каждой из которых предусмотрен свой дизайн всего сайта. Если Вы так и не смогли подобрать подходящую, изучайте CSS с PHP. Специально для тех кто всегда хочет, но понятия не имеет "как", есть например, такой плагин - Yellow Pencil: Visual CSS Style Editor
     
    • Нравится Нравится x 1
  5. PaulStranger

    PaulStranger

    Сообщения:
    4
    Симпатии:
    0
    Баллы:
    1
    Спасибо за комментарий. Про плагин такой знаю, но вся проблема в том, что в большинстве тем исходник related.php на все 100% соответствует по дизайну оригиналу из woocommerce. То есть его там как такого нет. Да и как его можно отредактировать с помощью визуального CSS редактора дополнив данными из кастомный полей? Никак. Тем более, что элементы в related формируются из другого файла, и имеют идентичные стили от элементов, из которых формируется конечная страница товара. В итоге стиль изменится везде.

    [​IMG]

    В топике, собственно, вопрос был о том, как related сделать полноценно самостоятельным.