Выделение отличающихся характеристик в сравнении товаров

[WIXVW]

Привет. Подскажите, как можно в таблице сравнения товаров выделить строки или сами характеристики, которые отличаются? 

[Dimasscus]

1 минуту назад, WIXVW сказал:

Привет. Подскажите, как можно в таблице сравнения товаров выделить строки или сами характеристики, которые отличаются? 

черным или красным.

а если серьезно- писать сравнение

[WIXVW]

5 минут назад, Dimasscus сказал:

черным или красным.

а если серьезно- писать сравнение

 

сразу в twig'e это можно сделать?

[Dimasscus]

Только что, WIXVW сказал:

 

сразу в twig'e это можно сделать?

нет

[Waskadagama]

Попробуйте вот этот скрипт:

<script>
function compareDiff() {
data_collection = $('#product-compare tbody:not(:first):not(:last) tr');
$(data_collection).each(function() {
	line = $(this).find('td:not(:first)');
	$(line).each(function() {
		val = $(this).text();
		$('td:contains(' + val + ')').filter(function() { return $(this).text() == val && $(this).text() != ''; }).toggleClass("highlighted");
	})
})}
</script>

 

[WIXVW]

13 часов назад, Waskadagama сказал:

Попробуйте вот этот скрипт:

<script>
function compareDiff() {
data_collection = $('#product-compare tbody:not(:first):not(:last) tr');
$(data_collection).each(function() {
	line = $(this).find('td:not(:first)');
	$(line).each(function() {
		val = $(this).text();
		$('td:contains(' + val + ')').filter(function() { return $(this).text() == val && $(this).text() != ''; }).toggleClass("highlighted");
	})
})}
</script>

 

 

Не хочет  
Вроде ж все правильно, прошелся глазами по каждому шагу, проверил id, но класс не переключается

[WIXVW]

14 часов назад, Waskadagama сказал:

Попробуйте вот этот скрипт:

<script>
function compareDiff() {
data_collection = $('#product-compare tbody:not(:first):not(:last) tr');
$(data_collection).each(function() {
	line = $(this).find('td:not(:first)');
	$(line).each(function() {
		val = $(this).text();
		$('td:contains(' + val + ')').filter(function() { return $(this).text() == val && $(this).text() != ''; }).toggleClass("highlighted");
	})
})}
</script>

 

 

Закинул все на codepen.io - тоже не работает:
https://codepen.io/WIXVW/pen/abmQJMq

[Waskadagama]

Вот так работает:

function compareDiff() {
data_collection = $('#product-compare tbody:not(:first):not(:last) tr');
$(data_collection).each(function() {
	line = $(this).find('td:not(:first)');
	$(line).each(function() {
		val = $(this).text();
    $('td:contains(' + val + ')').filter(function() { return $(this).text() == val && $(this).text() != ''; }).toggleClass("highlighted");
	})
})}
compareDiff();

P.S. Этот скрипт работает на стандартной теме OpenCart, под вашу, возможно, нужно сделать адаптацию.

Змінено 14 січня 2021 користувачем Waskadagama

[WIXVW]

1 час назад, Waskadagama сказал:

Вот так работает:

function compareDiff() {
data_collection = $('#product-compare tbody:not(:first):not(:last) tr');
$(data_collection).each(function() {
	line = $(this).find('td:not(:first)');
	$(line).each(function() {
		val = $(this).text();
    $('td:contains(' + val + ')').filter(function() { return $(this).text() == val && $(this).text() != ''; }).toggleClass("highlighted");
	})
})}
compareDiff();

P.S. Этот скрипт работает на стандартной теме OpenCart, под вашу, возможно, нужно сделать адаптацию.

 

я сделал так:

function compareCellValues() {

  var rows = $("#product-compare").find("tbody:not(:first):not(:last) tr"); 

  rows.each(function() { 

    var thisRow = $(this), 
        tds = thisRow.find('td:not(:first)'),
        i,
        j,
        tdsl = tds.length;
    for(i = 0; i < tdsl; i++){
      for(j = i + 1; j < tdsl; j++) {
         var thisTd = tds[i],
             thatTd = tds[j],
             thisTdText = $(thisTd).text(),
             thatTdText = $(thatTd).text();
            if (thisTdText !== thatTdText) {
      thisRow.addClass('highlighted');
    }
      }
    }
  });

}

window.onload = compareCellValues();

работает как я и хотел

[Waskadagama]

👍👍👍

[WIXVW]

3 часа назад, Waskadagama сказал:

Вот так работает:

function compareDiff() {
data_collection = $('#product-compare tbody:not(:first):not(:last) tr');
$(data_collection).each(function() {
	line = $(this).find('td:not(:first)');
	$(line).each(function() {
		val = $(this).text();
    $('td:contains(' + val + ')').filter(function() { return $(this).text() == val && $(this).text() != ''; }).toggleClass("highlighted");
	})
})}
compareDiff();

P.S. Этот скрипт работает на стандартной теме OpenCart, под вашу, возможно, нужно сделать адаптацию.

 

Кстати, с этим скриптом получается прикольно, что выделяется не строка, а только тот td, в котором отличается текст,

но плохо, что, если текст везде одинаковый, то выделяются все ячейки

[voronlviv]

Підкажіть будь ласка як це реалізувати в ocstore 2.1.