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

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

или checkbox

— grey
— blue
— green
— red

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

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

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

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

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

      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
        0
        фото в корзину не добавляется, оно подтягивается из галереи ресурса, поэтому в корзине нужно в зависимости от выбранного цвета подтягивать нужное фото.
        Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
        4