выбор цвета через select с отображением товара

кто подскажет, как сделать кастомное решение простое, где через select отображается товар с другим изображением?

или checkbox

— grey
— blue
— green
— red

и отобржаеться product с заданным товаром можно даже попапом поверх стандартной ms2 gallery

есть простые решения без платных дополнений?

буду признателен кто подскажет
Кирилл
Кирилл
31 января 2021, 02:58
modx.pro
1 019

Комментарии: 4

Артур Шевченко
Артур Шевченко
31 января 2021, 08:37
Это вы типа модификации хотите сделать? Или что за другое изображение? А вообще самом простое это сделать TV типа migx с двумя колонками название цвета и путь к картинке, на фронте с помощью js менять картинку в зависимости от выбранного цвета.
    Кирилл
    Кирилл
    01 февраля 2021, 10:31
    а с помощью встроенного msGallery можно листить отдельными tpl products?
    ктонибудь на своих проектах так применял?
      Кирилл
      Кирилл
      01 февраля 2021, 13:13
      отображаем во фронтенде

      Chunk: msProduct.content

      [[!msOptions?options=`color,size,tags`]]


      Заполняем Product properties

      tags
      название товаров с разными цветами

      в шаблоне для данного товара создаём отдельный шаблон

      <head>
 
 <!-- Jquery -->
 <script src="/assets/templates/lib/jquery.min.js"> </script>


<script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide();
  });
  $("#show").click(function(){
    $("p").show();
  });
});
</script>


</head>

      [[$msProduct.content]]

      <div align="center">
    
    
<p hidden> 

<b>название товара цвет такойто</b>

<img src="/assets/templates/product/productimg.jpg" alt="">


<b>название товара цвет такойто</b>

<img src="/assets/templates/product/productimg.jpg" alt="">


<b>название товара цвет такойто</b>

<img src="/assets/templates/product/productimg.jpg" alt="">


<b>название товара цвет такойто</b>

<img src="/assets/templates/product/productimg.jpg" alt="">


<b>название товара цвет такойто</b>

<img src="/assets/templates/product/productimg.jpg" alt="">

</p>


<button id="show" class="btn btn-default btn-md">Показать товары в других цветах</button>
<button id="hide" class="btn btn-default btn-md">Скрыть товары</button>

</div>

      после добавления товара, фото товара в корзине дэфолтное
      это сложные материи для меня )))))
        Артур Шевченко
        Артур Шевченко
        01 февраля 2021, 14:28
        фото в корзину не добавляется, оно подтягивается из галереи ресурса, поэтому в корзине нужно в зависимости от выбранного цвета подтягивать нужное фото.
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        4