Skip to content

Instantly share code, notes, and snippets.

@bakura10
Created January 12, 2018 09:52
Show Gist options
  • Save bakura10/3257b27eb8df6fb69013c5a01210887d to your computer and use it in GitHub Desktop.
Save bakura10/3257b27eb8df6fb69013c5a01210887d to your computer and use it in GitHub Desktop.
Update to fix the Instagram Section for Kagami—premium Shopify theme
<script>
window.addEventListener("DOMContentLoaded",function(){var e=function(e,t){new Instafeed({get:"user",userId:"self",accessToken:e,sortBy:"most-recent",limit:t,resolution:"standard_resolution",template:{% raw %}'<div class="instagram__image-wrapper instagram-fix"><a href="{{link}}" style="background-image: url({{image}})" target="_blank"><div class="instagram__overlay"><p class="instagram__caption">{{caption}}</p><time class="instagram__date">{{model.created_time}}</time></div></a></div>'{% endraw %},after:function(){$("#instafeed-mobile").append($("#instafeed").html())},filter:$.proxy(function(e){var t=new Date(1e3*e.created_time);m=t.getMonth(),d=t.getDate(),y=t.getFullYear();var a=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];return e.created_time=a[m]+" "+d+", "+y,!0})}).run()};!function(t){var a=t.attr("data-instagram-access-token"),n=t.attr("data-twitter-username");a&&e(a,n?3:6)}($(".index-module__social"))});
</script>
<style>
.instagram__image-wrapper > a {
position: relative;
display: block;
height: 100%;
padding-bottom: 100%;
background-size: cover;
background-position: center;
}
.instagram__images .instagram__image-wrapper:not(.instagram-fix) {
display: none !important;
}
@media screen and (max-width: 499px) {
.instagram__images .instagram-fix {
margin-bottom: 14px;
}
}
</style>
@bakura10
Copy link
Author

For installation instructions, please refer to the documentation: http://support.maestrooo.com/article/154-update-to-fix-the-instagram-section-for-kagami

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment