Produced by Araxis Merge on 2021-05-13 09:09:07 +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 | /Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/Smartwave_SocialFeed/templates | instagramphotos.phtml | 2020-08-17 05:06:04 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/Smartwave_SocialFeed/templates | instagramphotos.phtml | 2021-04-13 15:52:00 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 6 | 32 |
| Changed | 3 | 74 |
| Inserted | 1 | 6 |
| 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 | <?php | 1 | <?php | |||
| 2 | $_enable = $this->getConfig('sw_socialfeeds/instagram_photos/enable'); | 2 | $_enable = $this->getConfig('sw_socialfeeds/instagram_photos/enable'); | |||
| 3 | if($_enable==1){ | 3 | if($_enable==1){ | |||
| 4 | $accesstoken = $this->getConfig('sw_socialfeeds/instagram_photos/accesstocken'); | 4 | $accesstoken = $this->getConfig('sw_socialfeeds/instagram_photos/accesstocken'); | |||
| 5 | $count = $this->getConfig('sw_socialfeeds/instagram_photos/showing_counts') | 5 | $count = $this->getConfig('sw_socialfeeds/instagram_photos/showing_counts') + 1; | |||
| 6 | $padding = $this->getData("padding_item")!=''?'padding:'.$this->getData("padding_item").';':''; | 6 | $padding = $this->getData("padding_item")!=''?'padding:'.$this->getData("padding_item").';':''; | |||
| 7 | $template_type = $this->getData("template_type"); | |||||
| 8 | $desktop_large = $this->getData("desktop_large") != '' ? $this->getData("desktop_large") : $this->getData("desktop") != '' ? $this->getData("desktop") : '6'; | |||||
| 9 | $desktop = $this->getData("desktop") !='' ? $this->getData("desktop") : '6'; | |||||
| 10 | $tablet = $this->getData("tablet") != '' ? $this->getData("tablet") : '4'; | |||||
| 11 | $mobile = $this->getData("mobile") != '' ? $this->getData("mobile") : '2'; | |||||
| 12 | $margin = $this->getData("margin") != '' ? $this->getData("margin") : '0'; | |||||
| 7 | ?> | 13 | ?> | |||
| 8 | <div class="insta-items grid-items"> | 14 | <div class="insta-items grid-items"> | |||
| 9 | <div id="instafeed" class="photo-instagrams row" style="margin-left: -<?php echo $this->getData("padding_item"); ?>;margin-left: -<?php echo $this->getData("padding_item");?>; | 15 | <?php if($template_type == 'carousel'):?> | |||
| 16 | <div id="instafeed" class="photo-instagrams owl-carousel mb-0" style="opacity:0;"></div> | |||||
| 17 | <?php else: ?> | |||||
| 18 | <div id="instafeed" class="photo-instagrams row" style="margin-left: -<?php echo $this->getData("padding_item"); ?>;margin-right: -<?php echo $this->getData("padding_item");?>;opacity:0;"></div> | |||||
| 19 | <?php endif;?> | |||||
| 10 | </div> | 20 | </div> | |||
| 11 | <script type="text/javascript"> | 21 | <script type="text/javascript"> | |||
| 12 | require([ | 22 | require([ | |||
| 13 | 'jquery', | 23 | 'jquery', | |||
| 14 | 'instafeed' | 24 | 'imagesloaded', | |||
| 15 | ], function ($,Instafeed) { | 25 | 'owl.carousel/owl.carousel.min' | |||
| 16 | var feed = new Instafeed({ | 26 | ], function ($ | |||
| 17 | accessToken: '<?php echo $accesstoken;?>', | 27 | var instagram = $('#instafeed'), | |||
| 18 | template: '<div class="item col-xl-2 col-lg-3 col-sm4 col-6" style="<?php echo $padding;?>"><a lass="image-link" href="{{link}}"><img class="instagram-image" title="{{caption}}" src="{{image}}" /><span class="content"><i class="porto-icon-instagram"></i></span></a></div>', | 28 | token = '<?php echo $accesstoken;?>', | |||
| 19 | limit: | 29 | count = '<?php echo $count;?>', | |||
| 20 | filter: function(image) { | 30 | url = '//graph.instagram.com/me/media?fields=caption,id,media_type,media_url,permalink,thumbnail_url,timestamp,username&access_token=' + token, | |||
| 21 | return image.type === 'image'; | 31 | desktop_large = '<?php echo $desktop_large;?>', | |||
| 32 | desktop = '<?php echo $desktop;?>', | |||||
| 33 | tablet = '<?php echo $tablet;?>', | |||||
| 34 | mobile = '<?php echo $mobile;?>', | |||||
| 35 | margin = <?php echo $margin;?>; | |||||
| 36 | $.ajax({ | |||||
| 37 | type: 'GET', | |||||
| 38 | dataType: 'jsonp', | |||||
| 39 | cache: false, | |||||
| 40 | url: url, | |||||
| 41 | success: function(data) { | |||||
| 42 | for (var i = 0; i < count; i++) { | |||||
| 43 | if (data.data[i]) { | |||||
| 44 | if(data.data[i].media_type == 'IMAGE') { | |||||
| 45 | <?php if($template_type == 'carousel'):?> | |||||
| 46 | instagram.append("<div class='item insta-item' data-date='"+data.data[i].timestamp+"' data-sortid='"+i*2+"'><a target='_blank' href='" + data.data[i].permalink +"'><span class='content'><i class='porto-icon-instagram'></i></span><img class='instagram-image' src='" + data.data[i].media_url +"' /></a></div>"); | |||||
| 47 | <?php else: ?> | |||||
| 48 | instagram.append("<div class='item insta-item item col-xl-2 col-lg-3 col-sm4 col-6' style='<?php echo $padding;?>' data-date='"+data.data[i].timestamp+"' data-sortid='"+i*2+"'><a target='_blank' href='" + data.data[i].permalink +"'><span class='content'><i class='porto-icon-instagram'></i></span><img class='instagram-image' src='" + data.data[i].media_url +"' /></a></div>"); | |||||
| 49 | <?php endif;?> | |||||
| 50 | } | |||||
| 51 | } | |||||
| 52 | } | |||||
| 53 | instagram.imagesLoaded().animate({ 'opacity' : 1 }, 500); | |||||
| 54 | <?php if($template_type == 'carousel'):?> | |||||
| 55 | instagram.imagesLoaded(function(){ | |||||
| 56 | instagram.owlCarousel({ | |||||
| 57 | loop: true, | |||||
| 58 | margin: margin, | |||||
| 59 | responsiveClass: true, | |||||
| 60 | nav: false, | |||||
| 61 | autoplay: false, | |||||
| 62 | autoplayTimeout: 5000, | |||||
| 63 | dots: false, | |||||
| 64 | lazyLoad: false, | |||||
| 65 | responsive:{ | |||||
| 66 | 0:{ | |||||
| 67 | items:mobile | |||||
| 68 | }, | |||||
| 69 | 600:{ | |||||
| 70 | items:tablet | |||||
| 71 | }, | |||||
| 72 | 1000:{ | |||||
| 73 | items:desktop | |||||
| 74 | }, | |||||
| 75 | 1400:{ | |||||
| 76 | items:desktop_large | |||||
| 77 | } | |||||
| 78 | } | |||||
| 79 | }); | |||||
| 80 | }); | |||||
| 81 | <?php endif;?> | |||||
| 22 | } | 82 | } | |||
| 23 | }); | 83 | }); | |||
| 24 | feed.run(); | |||||
| 25 | }); | 84 | }); | |||
| 26 | </script> | 85 | </script> | |||
| 27 | <?php }?> | 86 | <?php }?> |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.