Guest User

Untitled

a guest
Sep 10th, 2020
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.29 KB | None | 0 0
  1. <!-- custom html/javascript code -->
  2. <script src="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/image-picker.min.js" type="text/javascript"></script>
  3. <script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js" integrity="sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==" crossorigin="anonymous"></script>
  4. <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/image-picker/0.3.1/image-picker.css">
  5.  
  6. <script>
  7. var imageSelect;
  8.  
  9. imageSelect = function(){
  10.  
  11. if( $('div[data-product-uid="891394094472"] .t-store__prod-popup__info select').is('select') ) console.log("Select существует");
  12. else console.log("Select не существует");
  13.  
  14. var eqSelect = 0;
  15. $('div[data-product-uid] .t-store__prod-popup__info').arrive("select", function() {
  16. var $newElem = $(this);
  17.  
  18. console.log("Функция imageSelect сработала");
  19.  
  20. if( eqSelect == 1 )
  21. {
  22. //Заменяем список выбора цвета на картинки
  23. $(this).find("option").each(function( index ) {
  24. //console.log( index + ": " + $( this ).text() );
  25. //console.log("Добавляем параметр option");
  26.  
  27. switch( $( this ).text() ){
  28. case 'Бесцветный': $( this ).attr("data-img-src", "https://i.ibb.co/7pFqYNV/3032.png");
  29. break;
  30. case 'Дуб светлый': $( this ).attr("data-img-src", "https://i.ibb.co/SdmLk8x/3103.png");
  31. break;
  32. case 'Серый гранит': $( this ).attr("data-img-src", "https://i.ibb.co/2gjFwbk/3118.png");
  33. break;
  34. case 'Клен темный': $( this ).attr("data-img-src", "https://i.ibb.co/wYz3QN7/3123.png");
  35. break;
  36. case 'Махагон': $( this ).attr("data-img-src", "https://i.ibb.co/LxVRXfC/3138.png");
  37. break;
  38. case 'Коньяк': $( this ).attr("data-img-src", "https://i.ibb.co/02W9xjf/3143.png");
  39. break;
  40. case 'Венге': $( this ).attr("data-img-src", "https://i.ibb.co/z6VkvnD/3161.png");
  41. break;
  42. case 'Орех': $( this ).attr("data-img-src", "https://i.ibb.co/GcCqFCj/3166.png");
  43. break;
  44. case 'Дуб античный': $( this ).attr("data-img-src", "https://i.ibb.co/Y8d4Cwh/3168.png");
  45. break;
  46. default: $( this ).attr("data-img-src", "https://i.ibb.co/pv3LXkS/noimg.jpg");
  47. }
  48. });
  49.  
  50. //console.info("Применяем Image Picker");
  51. //jQuery("select#test").imagepicker({
  52. $(this).imagepicker({
  53. hide_select: true,
  54. show_label: true,
  55. });
  56.  
  57. //Чтобы убралась стрелочка у нужного select
  58. $(this).parent().addClass('hideArrow');
  59.  
  60. //Arrive.unbindAllArrive();
  61. $('div[data-product-uid="891394094472"] .t-store__prod-popup__info').unbindArrive("select");
  62. }
  63. eqSelect++;
  64. });
  65. }
  66.  
  67. jQuery(document).ready(imageSelect);
  68.  
  69. $(document).on('page:load', imageSelect);
  70. </script>
Add Comment
Please, Sign In to add comment