Как добавить палитру цветов к часам?

Question

Как добавить палитру цветов к часам?

Хей! Я использую magento 1.9.1.1, а также часы, которые я получаю из атрибута color. Мне нравится собственная система magento, и я хотел бы добавить к ней, а не заменить. У меня есть определенные цвета для клиента на заказ, такие как белый или черный, но у меня также есть Окрашивание в цвет RAL, который следует выбрать с помощью средства выбора цвета в качестве исключения. Поэтому, если вы не хотите, чтобы вам предлагали какой-либо из основных цветов, нажмите "Покраска RAL" и выберите свой цвет с помощью средства выбора, и он будет считаться вашим пользовательским образцом или так. Нашел этот плагин https://www.yireo.com/software/magento-extensions/raloption Положим, он, похоже, делает для него специальный селектор и не интегрирует его с образцами.

У кого-нибудь есть идеи? В spe

1

magento-1.9 swatches color-swatches

Author: Kaia, 2015-11-18

Source

1 answers

score 0 · Accepted Answer

Итак, я наконец обнаружил, что у меня есть mcolorpicker, встроенный в шаблон моды magento ves, и я добавил недостающие изображения, скрипт и некоторые дополнительные js, чтобы моя пользовательская опция появлялась/исчезала, если щелкнуть по образцам. Я также меняю пользовательский ввод параметров ma на ввод цвета через js, потому что ни одно из решений php не работало для меня. Не работает в safari и, вероятно, тоже не IE, но все же...

  jQuery( document ).ready(function() {
  var element=document.getElementsByClassName("product-custom-option")[0];
  var object=jQuery(".product-custom-option");
  object.closest("dl").find('label').css( "display", "none");
   if(object.length) {
   element.setAttribute("type", "color");
   element.setAttribute("value", "#000000");
}
   jQuery.fn.mColorPicker.init.replace = '.product-custom-option';

jQuery('.swatch-link').not(element).click(function() {
 object.css( "display", "none");
 object.closest("dl").find('label').css( "display", "none");
  var ul_object = jQuery('.messages');
   if(ul_object.length) {
      ul_object.css( "display", "none"); 
}
    });

jQuery('a[name=ral-v-rv]').click(function() {
 object.css( "display", "block");
 object.closest("dl").find('label').css( "display", "block");
 var ul_object = jQuery('.messages');
 // there's at least one matching element
 if(!ul_object.length) {
      object.closest("dl").prepend( '<ul class="messages"><li class="note-msg"><ul><li><span><?php echo __("There is a longer waiting period for RAL. It can take 4-6 weeks")?></span></li></ul></li></ul>' );
}
else {
    ul_object.css( "display", "block"); 
}

});
})