Не получается подружить msOptionsPrice2 и msOptionsColor

Доброго времени суток. Добавил таб галереи к msOptionsPrice2, назначил настройки для цветов товара
joxi.ru/VrwxZanc4pjY1m
joxi.ru/8AnljDWtyYokXm
При смене цвета картинки в галерее на соответствующие выбранному цвету не меняются, цвет меняю через msOptionsColor.

Страница с товаром:
rinafey.com/plate-s-dlinnyim-rukavom-beloe.html
Чанк карточки товара:

[[!msOptionsPrice.initialize?]]
<div id="msProduct" class="product-wrapper row justify-content-between" itemtype="http://schema.org/Product" itemscope>
    <div class="col-lg-1 hide-card">
    </div>
    [[!msGallery?
        &tpl=`productCardGallery.tpl`
    ]]
    <div class="col-lg-5 card-items-padding">
        <div class="card-items">
            <form class="ms2_form msoptionsprice-product" method="post">
                <input type="hidden" name="count" value="1">
                <input type="hidden" name="id" value="[[*id]]"/>
                <input type="hidden" name="options" value="[]">
                [[+new:isnot=``:then=`<div class="card-status"><p>[[%ms2_frontend_new]]</p></div>`]]
                <div class="card-vendor"><p>[[+vendor.name]]</p></div>
                <div class="card-title">
                    <p calss="msoptionsprice-name msoptionsprice-[[*id]]">[[*pagetitle]]</p>
                </div>
                <div class="card-price">
                   [[+modx.user.id:ismember=`wholesalers`:then=`<p class="msoptionsprice-old-cost msoptionsprice-[[*id]]">[[+old_price]]₽</p>`:else=`<p class="msoptionsprice-cost msoptionsprice-[[*id]]">[[+price]]₽</p>`]] 
                </div>
                <div class="card-price">
                    <p>[[+color]]</p>
                </div>
                <div class="product-colors">
                    [[!msOptionsColor?
                    	&options=`color`
                    	&tpl=`msOptionsColor`
                    ]]
                </div>
                <div class="size-title">
                    <p>Выберите размер:</p>
                </div>
                    [[msOptions?
                    	&options=`size`
                    	&tpl=`productSizeOption.tpl`
                    ]]
                    [[msProductOptions?
                    	&tpl=`productSize.tpl`
                    ]]
                    <div class="card-details">
                        <ul>
                            <li class="msoptionsprice-article msoptionsprice-[[*id]]">Артикул: [[+article:default=`-`]] </li>
                            <li>Состав: [[*structure]] </li>
                        </ul>
                    </div>
                <button type="submit" class="btn btn-add-to-cart"  name="ms2_action" value="cart/add">Добавить в корзину</button>
            </form>
            [[!msf.favorites?
            	&list=`list1`
            	&list_id=`29`
            	&tpl=`addFavorites.tpl`
            	&removeElement=`true`
            ]]
            <button class="accordion">Детали</button>
            <div class="panel">
                <div class="card-details">
                    <ul>
                        <li class="msoptionsprice-article msoptionsprice-[[*id]]">Артикул: [[+article:default=`-`]] </li>
                        <li>Состав: [[*structure]] </li>
                    </ul>
                </div>
            </div>
            <div class="popup">
                <p class="popup-title">[[*pagetitle]]</p>
                <p class="popup-info">все измерения снимаются, когда одежда лежит ровно и в сантиметрах</p>
            	<table class="tab-sizes">
            	    <tr class="sizes-name">
            	        <td>Размер</td>
            	        <td>OS</td>
                    </tr>
                    <tr class="sizes-name">
            	        <td>Длина изделия</td>
            	        <td>64</td>
                    </tr>
                    <tr class="sizes-name">
            	        <td>Длина рукава</td>
            	        <td>57</td>
                    </tr>
                    <tr class="sizes-name">
            	        <td>обмер груди</td>
            	        <td>50</td>
                    </tr>
                    <tr class="sizes-name">
            	        <td>обмер бедер</td>
            	        <td>66</td>
                    </tr>
            	</table>
            	</br>
            	<button class="btn close-popup" name="close">X</button>
            </div>
            <!--КОНЕЦ ВСПЛЫВАЮЩЕЕ ОКНО С ОБМЕРАМИ-->
            
            <button class="accordion accordion-active">Обмеры и описание</button>
            <div class="panel" style="display:block;">
                <button class="btn popup-open" data-js="open">Таблица обмеров</button>
                <p>Обмеры изделия для размера <i style="font-weight:700;">[[*size_measure]]</i></p>
                <div class="card-details">
                    <ul>
                        [[*product_length:isnot=``:then=`<li>Длина изделия: [[*product_length]]</li>`]]
                        [[*length_sleeve:isnot=``:then=`<li>Длина рукава: [[*length_sleeve]]</li>`]]
                        [[*chest_measure:isnot=``:then=`<li>Обмер груди: [[*chest_measure]]</li>`]]
                        [[*hip_measure:isnot=``:then=`<li>Обмер бедер: [[*hip_measure]]</li>`]]
                        [[*waist_measure:isnot=``:then=`<li>Обмер талии: [[*waist_measure]]</li>`]]
                    </ul>
                </div>
            </div>
            <button class="accordion">Состав и уход</button>
            <div class="panel">
                <p>
                    Состав: [[*structure]]
                </p>
            </div>
        </div>  
    </div>
</div>
Код чанка галереи:

<div id="msGallery" class="msoptionsprice-gallery col-lg-6">
    {if $files?}
        <ul id="vertical" class="vertical-slider">
        {foreach $files as $file}
            <li data-thumb="{$file['url']}" data-src="{$file['url']}" data-rid="{$file['product_id']}" data-iid="{$file['id']}">
                <img class="minimized" src="{$file['url']}" />
            </li>
        {/foreach}
        </ul>
    {else}
        <img src="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium.png'}"
            srcset="{('assets_url' | option) ~ 'components/minishop2/img/web/ms2_medium@2x.png'} 2x"
            alt="" title=""/>
    {/if}
</div>
Все указал правильно, ничего не работет…
star007
05 июля 2021, 19:20
modx.pro
203
0

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

Андрей
06 июля 2021, 14:10
0
дефолтный скрипт работает с галереей fotorama.
Цитата из документации. Соответственно нужно допиливать скрипт под твою галерею.
    Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
    1