Новости

tagManager2 фильтрация по цвету - отображение изображением

  • Здравствуйте. Подскажите можно ли сделать фильтрацию так, что бы на выходе получались не текстовые значения у фильтров, а значения в виде изображений, как ниже
    0_1492267908704_upload-cc990654-f87e-4417-a3a1-c2c7d0f5bc5e
    У меня есть поле с выбором цвета, одиночный выбор, сейчас его значения для выбора выглядят так

    Белый==Белый||Коричневый==Коричневый||Зеленый==Зеленый
    

    На выходе я получаю так
    0_1492268271093_upload-66047637-f9fc-4691-88d7-242d7edb98e9
    Пробую сделать так

    Белый==<img src='color1.png'>||Коричневый==<img src='color2.png'>||Зеленый==<img src='color3.png'>
    

    На выходе получаю
    0_1492268458767_upload-1ff969dc-00b0-49d8-926c-9be97ddb5925
    То есть так передать картинку нельзя, возможно есть другие способы?

  • Удалось решить через костыль - jq скрипт. может кому-то пригодится

    $(function() {
      $(".colorValue").html(function(i,html){
           return $("<img/>",{src:"img/"+html.toLowerCase()+".png"})
           });
    });
    

    Полям со значением добавил класс colorValue

    <label for="colors__0" class="colorValue"><img src="img/white.png"></label>
    
  • Решается без костылей из js

    [[+name:is=`color`:then=`<label for="[[+name]]__[[+idx]]" class="d-block custom-control-label shk-color-checkbox [[+name]][[+idx]]" title="[[+value]]"></label><p class="ml-40">[[+value]]</p>`:else=`<label for="[[+name]]__[[+idx]]">[[+value_name]]</label>`]]
    

    Получаем на странице строку такого вида:

    <label for="color__1" class="d-block custom-control-label shk-color-checkbox color1" title="Голубой"></label><sup>17</sup><p class="ml-40">Голубой</p>
    

    Привязываемся в css к классу color1, а дальше CSS спрайты и стили решают все, проверенно, работает 😃 Спасибо Андрею и его демо-сайту с shopkeeper4, подглядел решение на нем.

  • @LoGruS Поправка, привязываемся к значению [[+value]]

 

Последние комментарии

  • @Andchir Спасибо!!!
    Все перепробовал кроме [[+note]]
    В письме со статусом отправлен, чтобы трек-номер отправлять покупателю. Все работает. Еще раз спасибо.

    Читать далее
  • в письме только код отображается.

    В каком письме? В письме, которое отправляется при оформлении заказа или, которое при изменении статуса заказа?

    [[+note]]

    Так пробовали?

    Читать далее
  • Доброго времени суток!
    Может кто подскажет как в письме из shk добавить поле {{order.note}}, все варианты перепробовал, в письме только код отображается.

    Читать далее
  • Используйте функцию filter_import() в конфиге. Там есть пример использования.

    Читать далее