$(function() {
  $('.color-row ul li > a').click(function() {
    //클릭될때
    $(this).parent().parent().parent().parent().parent().parent('.product-card-content').find('>a img').attr('src', $(this).attr('href'));
    //img의 src 속성값을 this(해당태그(img)의 href 값으로 바꿔라
    if ($(this).parent().parent().find('li').hasClass('active')) {
      $(this).parent().parent().find('li').removeClass('active');
    }
    $(this).parent('li').addClass('active');

    return false; // 페이지 전환 막기
  });


  $('.preview-model-color-row ul li > a').click(function() {
    //클릭될때
    $(this).parent().parent().parent().parent('.sink-configurator-preview').find('.preview-model>.preview-model-img> img').attr('src', $(this).attr('href'));
    // img의 src 속성값을 this(해당태그(img)의 href 값으로 바꿔라
    if ($(this).parent().parent().find('li').hasClass('active')) {
      $(this).parent().parent().find('li').removeClass('active');
    }
    $(this).parent('li').addClass('active');

    return false; // 페이지 전환 막기
  });

});