Новости

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


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

 

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

  • Проект Shopkeeper для MODX уже почти 3 года не обновляется. Но пользователи до сих пор его используют. Если есть желающие продолжить разработку, пишите, я дам вам доступ к репозиторию или можете его клонировать, я дам ссылку на вас в основном:
    https://github.com/andchir/shopkeeper3

    Почему это должно быть интересно?
    Проект довольно известный, вам не нужно тратить время и деньги на раскрутку. Если Вы программист или небольшая студия, вы можете создать сайт и предлагать свои услуги, продавать платные дополнения и т.д. Можно обговорить передачу вам домена modx-shopkeeper.ru. Но от Вас требуется развитие проекта (поддержка кода в актуальном состоянии, добавление функционала), а не просто перенаправление трафика.

    Читать далее
  • @Hunter-38
    Нужно заново регистрироваться, т.к. там отдельный форум. Этот форум оставлен, потому что есть полезная информация по шопкиперу.

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

    на новом форуме опять регистрация проходить или можно с этими данными?
    с этими меня не пустило

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

    @Andchir перезалил, меню с мобилки норм
    только потерлись записи о Магазине, Контакты и тп..

    Читать далее