Home Forums EZY Template Instafeed limit photos

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 4 weeks, 1 day ago. This post has been viewed 136 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10029810

    Frankie991
    Participant

    Hello,
    Is it possible to limit Instagram feed to 3 photos ?

    EDIT: Its for instafeedBasic.


    • This topic was modified 1 month ago by  Frankie991.
    #10029816

    Support2
    Keymaster

    Hello, thanks for your purchase.

    Yes this is possible. Go to the file js/examples/examples.instafeed.js and change the code of #instafeedBasic to:

    if( $('#instafeedBasic').get(0) ) {
        // Instagram Feed Basic
    	var feed = new Instafeed({
            target: 'instafeedBasic',
            get: 'user',
            userId: 'self',
            clientId: clientId,
            accessToken: accessToken,
            resolution: 'standard_resolution',
            limit: 3,
            template:
                '<div class="col-md-4 col-lg-6 col-xl-4 mb-3">'+ 
                    '<div class="image-frame image-frame-style-1 image-frame-effect-1">' +
                        '<span class="image-frame-wrapper">' +
                            '<img src="{{image}}" class="img-fluid" alt="{{caption}}" />' +
                            '<span class="image-frame-action image-frame-action-effect-1 image-frame-action-sm">' +
                                '<a href="{{link}}" target="_blank">' +
                                    '<span class="image-frame-action-icon">' +
                                        '<i class="lnr lnr-link text-color-light"></i>' +
                                    '</span>' +
                                '</a>' +
                            '</span>' +
                        '</span>' +
                    '</div>' +
                '</div>',
             after: function(){
                var $wrapper = $('#instafeedBasic'),
                    html = $wrapper.html();
    
                // Build Html
                $wrapper
                    .html('')
                    .append('<div class="row"></div>')
                    .find('.row')
                    .append(html);
            }
        });
    
        // Init Instafeed Basic
    	feed.run();
    }

    * Note that we just added the option limit: 3.

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


Viewing 2 posts - 1 through 2 (of 2 total)