Produced by Araxis Merge on 2024-03-04 14:38:49 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.7/app/design/frontend/Smartwave/porto/Magento_Catalog/templates/category | config.phtml | 2022-04-30 08:32:39 +0000 |
| 2 | /Users/coca/Documents/www/Porto v4.0.2/Theme Files/Magento 2.x/Porto Theme v4.0.8/app/design/frontend/Smartwave/porto/Magento_Catalog/templates/category | config.phtml | 2024-01-30 05:00:10 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 5 | 160 |
| Changed | 0 | 0 |
| Inserted | 3 | 7 |
| Removed | 1 | 1 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | <script type="text/javascript"> | 1 | <script type="text/javascript"> | |||
| 2 | require([ | 2 | require([ | |||
| 3 | 'jquery' | 3 | 'jquery' | |||
| 4 | ], function ($) { | 4 | ], function ($) { | |||
| 5 | // sticky filter on mobile | 5 | // sticky filter on mobile | |||
| 6 | $(window).on('load',function(){ | 6 | $(window).on('load',function(){ | |||
| 7 | if ($('.toolbar').length > 0) { | 7 | if ($('.toolbar').length > 0) { | |||
| 8 | var init_filter_sticky = function() { | 8 | var init_filter_sticky = function() { | |||
| 9 | var $obj = $('#layer-product-list > .toolbar.toolbar-products,#layer-product-list .search.results > .toolbar.toolbar-products'); | 9 | var $obj = $('#layer-product-list > .toolbar.toolbar-products,#layer-product-list .search.results > .toolbar.toolbar-products'); | |||
| 10 | 10 | |||||
| 11 | if (!$obj.prev('.filter-placeholder').length) { | 11 | if (!$obj.prev('.filter-placeholder').length) { | |||
| 12 | $('<div class="filter-placeholder m-0"></div>').insertBefore($obj); | 12 | $('<div class="filter-placeholder m-0"></div>').insertBefore($obj); | |||
| 13 | } | 13 | } | |||
| 14 | var sticky_height = 0; | 14 | var sticky_height = 0; | |||
| 15 | if($('.page-header.sticky-header').length > 0){ | 15 | if($('.page-header.sticky-header').length > 0){ | |||
| 16 | sticky_height = $('.page-header.sticky-header .header-main').outerHeight(); | 16 | sticky_height = $('.page-header.sticky-header .header-main').outerHeight(); | |||
| 17 | } | 17 | } | |||
| 18 | var $ph = $obj.prev('.filter-placeholder'), | 18 | var $ph = $obj.prev('.filter-placeholder'), | |||
| 19 | scrollTop = $(window).scrollTop(), | 19 | scrollTop = $(window).scrollTop(), | |||
| 20 | offset = sticky_height; | 20 | offset = sticky_height; | |||
| 21 | if ($ph.offset().top <= scrollTop + offset) { | 21 | if ($ph.offset().top <= scrollTop + offset) { | |||
| 22 | $ph.css('height', $obj.outerHeight() + parseInt($obj.css('margin-bottom'))); | 22 | $ph.css('height', $obj.outerHeight() + parseInt($obj.css('margin-bottom'))); | |||
| 23 | $obj.addClass('sticky').css('top', offset); | 23 | $obj.addClass('sticky').css('top', offset); | |||
| 24 | } else { | 24 | } else { | |||
| 25 | $ph.css('height', ''); | 25 | $ph.css('height', ''); | |||
| 26 | $obj.removeClass('sticky'); | 26 | $obj.removeClass('sticky'); | |||
| 27 | } | 27 | } | |||
| 28 | }; | 28 | }; | |||
| 29 | if (window.innerWidth < 992) { | 29 | if (window.innerWidth < 992) { | |||
| 30 | window.removeEventListener('scroll', init_filter_sticky); | 30 | window.removeEventListener('scroll', init_filter_sticky); | |||
| 31 | window.addEventListener('scroll', init_filter_sticky, {passive: true}); | 31 | window.addEventListener('scroll', init_filter_sticky, {passive: true}); | |||
| 32 | init_filter_sticky(); | 32 | init_filter_sticky(); | |||
| 33 | } | 33 | } | |||
| 34 | $(window).on('resize', function() { | 34 | $(window).on('resize', function() { | |||
| 35 | if (window.innerWidth < 992) { | 35 | if (window.innerWidth < 992) { | |||
| 36 | window.removeEventListener('scroll', init_filter_sticky); | 36 | window.removeEventListener('scroll', init_filter_sticky); | |||
| 37 | window.addEventListener('scroll', init_filter_sticky, {passive: true}); | 37 | window.addEventListener('scroll', init_filter_sticky, {passive: true}); | |||
| 38 | }else{ | 38 | }else{ | |||
| 39 | window.removeEventListener('scroll', init_filter_sticky); | 39 | window.removeEventListener('scroll', init_filter_sticky); | |||
| 40 | $('#layer-product-list > .toolbar.toolbar-products').removeClass('sticky').css('top', '').prev('.filter-placeholder').css('height', ''); | 40 | $('#layer-product-list > .toolbar.toolbar-products').removeClass('sticky').css('top', '').prev('.filter-placeholder').css('height', ''); | |||
| 41 | } | 41 | } | |||
| 42 | }); | 42 | }); | |||
| 43 | } | 43 | } | |||
| 44 | }); | 44 | }); | |||
| 45 | // filter popup events | 45 | // filter popup events | |||
| 46 | » » $(document).on('click', '.sidebar-toggle', function(e) { | 46 | » » $(document).on('click', '.sidebar-toggle', function(e) { | |||
| 47 | » » » e.preventDefault(); | 47 | » » » e.preventDefault(); | |||
| 48 | » » » var $html = $('html'); | 48 | » » » var $html = $('html'); | |||
| 49 | var $obj = $('.columns .mobile-sidebar'); | 49 | var $obj = $('.columns .mobile-sidebar'); | |||
| 50 | var $obj2 = $('.columns .layered-filter-block-container'); | |||||
| 50 | if (!$obj.parents().find('.sidebar-overlay').length) { | 51 | if (!$obj.parents().find('.sidebar-overlay').length) { | |||
| 51 | ||||||
| 52 | $('<div class="sidebar-overlay"></div>').insertBefore($obj); | 52 | $('<div class="sidebar-overlay"></div>').insertBefore($obj); | |||
| 53 | } | 53 | } | |||
| 54 | if (!$obj2.parents().find('.sidebar-overlay').length && $('.page-layout-1column').length) { | |||||
| 55 | $('<div class="sidebar-overlay"></div>').insertBefore($obj2); | |||||
| 56 | } | |||||
| 54 | if($('#ln_overlay').length) { | 57 | if($('#ln_overlay').length) { | |||
| 55 | var Isloader = $('#ln_overlay').detach(); | 58 | var Isloader = $('#ln_overlay').detach(); | |||
| 56 | if (!$obj.prev('#ln_overlay').length) { | 59 | if (!$obj.prev('#ln_overlay').length) { | |||
| 57 | Isloader.insertBefore($obj); | 60 | Isloader.insertBefore($obj); | |||
| 58 | } | 61 | } | |||
| 62 | if (!$obj2.prev('#ln_overlay').length && $('.page-layout-1column').length) { | |||||
| 63 | Isloader.insertBefore($obj2); | |||||
| 64 | } | |||||
| 59 | } | 65 | } | |||
| 60 | » » » if ($html.hasClass('sidebar-opened')) { | 66 | » » » if ($html.hasClass('sidebar-opened')) { | |||
| 61 | » » » » $html.removeClass('sidebar-opened'); | 67 | » » » » $html.removeClass('sidebar-opened'); | |||
| 62 | » » » » $('.sidebar-overlay').removeClass('active'); | 68 | » » » » $('.sidebar-overlay').removeClass('active'); | |||
| 63 | » » » } else { | 69 | » » » } else { | |||
| 64 | » » » » $html.addClass('sidebar-opened'); | 70 | » » » » $html.addClass('sidebar-opened'); | |||
| 65 | » » » » $('.sidebar-overlay').addClass('active'); | 71 | » » » » $('.sidebar-overlay').addClass('active'); | |||
| 66 | » » » } | 72 | » » » } | |||
| 67 | » » }); | 73 | » » }); | |||
| 68 | 74 | |||||
| 69 | » » $(document.body).on('click', '.sidebar-overlay', function() { | 75 | » » $(document.body).on('click', '.sidebar-overlay', function() { | |||
| 70 | » » » $('html').removeClass('sidebar-opened'); | 76 | » » » $('html').removeClass('sidebar-opened'); | |||
| 71 | » » » $('html').removeClass('filter-sidebar-opened'); | 77 | » » » $('html').removeClass('filter-sidebar-opened'); | |||
| 72 | » » » $(this).removeClass('active'); | 78 | » » » $(this).removeClass('active'); | |||
| 73 | » » }); | 79 | » » }); | |||
| 74 | 80 | |||||
| 75 | » » $(window).on('resize', function() { | 81 | » » $(window).on('resize', function() { | |||
| 76 | » » » if (window.innerWidth > 991) { | 82 | » » » if (window.innerWidth > 991) { | |||
| 77 | » » » » $('.sidebar-overlay').click(); | 83 | » » » » $('.sidebar-overlay').click(); | |||
| 78 | » » » } | 84 | » » » } | |||
| 79 | » » }); | 85 | » » }); | |||
| 80 | }); | 86 | }); | |||
| 81 | </script> | 87 | </script> |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.