Будет эффективнее если скинете пример кода

А куда скинуть?

Сюда можно админ?

Да

<!-- custom html/javascript code -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/image-picker.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js" integrity="sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/image-picker.css">

<script>
  var imageSelect;
 
  imageSelect = function(){
   
    if( $('div[data-product-uid="891394094472"] .t-store__prod-popup__info select').is('select') ) console.log("Select существует");
    else console.log("Select не существует");
   
    var eqSelect = 0;
    $('div[data-product-uid] .t-store__prod-popup__info').arrive("select", function() {
           var $newElem = $(this);
           
           console.log("Функция imageSelect сработала");
           
           if( eqSelect == 1 )
           {
            //Заменяем список выбора цвета на картинки
         $(this).find("option").each(function( index ) {
          //console.log( index + ": " + $( this ).text() );
          //console.log("Добавляем параметр option");
 
          switch( $( this ).text() ){
           case 'Бесцветный': $( this ).attr("data-img-src", "https://i.ibb.co/7pFqYNV/3032.png");
                  break;
           case 'Дуб светлый': $( this ).attr("data-img-src", "https://i.ibb.co/SdmLk8x/3103.png");
       break;
           case 'Серый гранит': $( this ).attr("data-img-src", "https://i.ibb.co/2gjFwbk/3118.png");
       break;
           case 'Клен темный': $( this ).attr("data-img-src", "https://i.ibb.co/wYz3QN7/3123.png");
       break;
           case 'Махагон': $( this ).attr("data-img-src", "https://i.ibb.co/LxVRXfC/3138.png");
       break;
           case 'Коньяк': $( this ).attr("data-img-src", "https://i.ibb.co/02W9xjf/3143.png");
       break;
           case 'Венге': $( this ).attr("data-img-src", "https://i.ibb.co/z6VkvnD/3161.png");
       break;
           case 'Орех': $( this ).attr("data-img-src", "https://i.ibb.co/GcCqFCj/3166.png");
       break;
           case 'Дуб античный': $( this ).attr("data-img-src", "https://i.ibb.co/Y8d4Cwh/3168.png");
       break;
           default: $( this ).attr("data-img-src", "https://i.ibb.co/pv3LXkS/noimg.jpg");
          }
         });
         
         //console.info("Применяем Image Picker");
         //jQuery("select#test").imagepicker({
         $(this).imagepicker({
          hide_select:  true,
          show_label:   true,
         });
         
         //Чтобы убралась стрелочка у нужного select
          $(this).parent().addClass('hideArrow');
         
         //Arrive.unbindAllArrive();
          $('div[data-product-uid="891394094472"] .t-store__prod-popup__info').unbindArrive("select");
           }
        eqSelect++;
       });
  }

jQuery(document).ready(imageSelect);

$(document).on('page:load', imageSelect);
</script>

<style>
    .t-store .t-product__option-variants.hideArrow:after {
        display: none;
    }
 ul.thumbnails {
  display: flex;
  flex-wrap: wrap;
 }
 #allrecords ul.thumbnails {
           padding-left: 0;
       }
 ul.thumbnails.image_picker_selector li .thumbnail {
  padding: 3px 4px 0;
  border: 1px solid transparent;  
 }
 ul.thumbnails.image_picker_selector li .thumbnail.selected {
  background: #fff;
  border: 1px #ddd solid;
 }
 ul.thumbnails.image_picker_selector li .thumbnail p {
  font-size: 10px;
  width: auto;
  margin: 2px 0px;
  overflow: hidden;
  height: 23px;
  text-align: center;
 }
 
 @media screen and (max-width: 650px) {
  ul.thumbnails.image_picker_selector li .thumbnail p {
   /*display: none;*/
   font-size: 9.5px;
  }
  ul.thumbnails.image_picker_selector li .thumbnail img {
               width: 70px;
               height: 70px;
           }
 }
</style>

Код должен отслеживать появление элемента select и после этого срабатывать. Использовал jQuery плагин arrive, но он не всегда срабатывает (в основном после перезагрузки страницы).

Что-то слишком длинный код, ничего не понять. Лучше закиньте на pastebin.com

Можно без стилей

<!-- custom html/javascript code --><script src="https://cdnjs.cloudflare.com/ - Pastebin.com
https://pastebin.com/va04v5HR

Скинул без стилей.

кто с nouslider работал, как делали иницилизацию чтоб несколько сладеров работало на одной странице?

Документацию искал в сети?

конечно )

https://yadi.sk/i/GK_zbr706_9G7w оно?

в чем проблема, можете описать?

$( this ).attr("data-img-src", "https://i.ibb.co/7pFqYNV/3032.png");

это первое
https://api.jquery.com/data/
второе - это нужно скорее всего вызвать событие, что было изменено

не могу запустить больше одного слайдера на странице

какая-то ошибка? что значит "не могу"?

ошибок не вылетает, второй слайдер не инициализируется