Последние темы


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]]

 

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

  • M

    Сделать плани для shopkeeper
    Уведомления по СМС о заказе на сайте покупателю с помощью сервиса epochta
    Цену кидать в тему

    Читать далее
  • Не знаю в какую тему положить, поэтому пусть будет здесь. Тем более как раз в тему аудита.
    Сервис по анализу скорости - https://gtmetrix.com/ - более детально расписывает чем google speed
    Бесплатный CDN - https://dash.cloudflare.com/ - Если кто то запарится на эту тему.

    Читать далее
  • Андрей, большое спасибо за развернутый анализ. Некоторые ошибки к сожалению не успел просто исправить после неудачного восстановления бекапа (max-height в фильтрации например, уже вернул).

    Читать далее
  • Читать далее